Dev Stroy Dev Stroy

Front-end

• [Vue3] router 데이터 전달

  Front-end 2023. 4. 3. 11:20

  router.push # router를 이용한 Query전달 // get방식 /age?age=22 router.push({name:'medicine',query:{age: '22'}}) // post방식 /age router.push({name:'medicine',params:{age: '22'}}) # 받을 때 const route = useRoute() //get route.query.age //post route.params.age

  Read More
• Vue3 - defineProps() & defineEmits()

  Front-end 2023. 1. 30. 09:51

  defineProps() defineEmits()

  Read More
• Vue3의 Composition API

  Front-end 2023. 1. 27. 09:48

  Composition API # SFC(Single-File Components)내에서 Composition API를 사용하기 위한 컴파일 타임 구문 setup()은 beforeCreate이전에 호출되는 것이며, this를 사용할 수 없다. 더 적은 상용구로 더 간결한 코드 순수 TypeScript를 사용하여 소품 및 방출된 이벤트를 선언하는 기능 런타임 성능 향상(템플릿이 중간 프록시 없이 동일한 범위의 렌더링 함수로 컴파일됨) # reactive() 객체만 받을 수 있다. deep서치가 가능하다. 접근할 때 [.value]가 아니라 [변수명.key]로 접근한다. return시 ...refs(변수명)을 사용한다. # ref() reactive와 달리 원시타입을 모두 받을 수 있다. 원시값을 value라..

  Read More
• mac에서 node버전 설정

  Front-end 2023. 1. 11. 13:25

  mac에서 node버전 설정 1. node설치 brew install node 2. nvm 설치 ( node버전을 변경하기 위함 ) sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash 3. nvm 설정 # bash인 경우 vi ~/.bash_profile # zsh인 경우 vi ~/.zshrc ------------------------------------------- # 아래 내용 입력 후 저장 export NVM_DIR="$HOME/.nvm" [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && . "/opt/homebrew/opt/nvm/nvm.sh" # This load..

  Read More
• 카멜케이스, 스네이크케이스,파스칼케이스

  Front-end 2023. 1. 2. 09:49

  Read More
• Naivigator 객체

  Front-end 2022. 12. 1. 09:23

  navigator 객체의 여러가지속성 react-adaptive-hooks에서 사용하는 속성들을 포함하여 ‘알아두면 쓸모 있는 navigator 속성’에는 어떤 것들이 있는지 살펴보자 # connection - 사용자가 사용하고 있는 네트워크 환경에 대한 정보를 제공하며, 아래와 같은 정보들을 확인할 수 있다. - native의 webview의 정보값을 기반으로 얻는 정보로서 위변조가 가능하다. - webview안에서 연결된 wi-fi정보는 native에서 넘겨주는 toNative구현을 통해 받을 수 있다. onchange : connection객체의 change이벤트 핸들러 effectiveType: 연결된 네트워크 상황에 따라 slow-2g, 2g, 3g, 4g 값 중 하나를 반환한다. 가장 최근 네..

  Read More
• location.href 와 location.replace 차이

  Front-end 2022. 10. 5. 12:00

  location.href location.replace location.href : 객체의 속성 href는 페이지를 이동하는 것이기 때문에 뒤로가기 버튼을 누른경우 이전 페이지로 이동이 가능 일반적인 페이지 이동 시 사용 location.replace : 메서드(함수)로 작동 replace는 현재 페이지를 새로운 페이지로 덮어 씌우기 때문에 이전페이지로 이동이 불가능 이전페이지로 접근이 필요 없는 경우 보안상 덮어 씌우는 것 추천 location.href location.replace 기능 새로운 페이지로 이동 기존페이지를 새로운페이지로 변경(덮어씌움) 형태 속성 메서드 주소 히스토리 기록됨 기록되지 않음 사용 예 location.href="이동할 페이지 주소" location.replace("이동할 페..

  Read More