앨리스래빗팀 기술블로그

onClick={() => { router.push({ pathname: `/mypage/[mypage]`, query: { 'mypage': `${el.name}`}, }, undefined, { shallow: true } ) }} { shallow : true } 옵션 적용

증상 state를 사용해서 활성메뉴를 검증하는 경우 페이지 새로고침하였을때 상태값이 초기화 되는 이슈 발견 초기 렌더시에 URL을 파싱해서 활성을 처리하는 경우 페이지 이동시 상태가 변경되지 않는 이슈 발견 해결책 NavLink 사용 import { NavLink } from 'react-router-dom'; about // Or specifing active style about // If you use deep routes and you need an exact match about 관련링크 https://stackoverflow.com/questions/42297728/react-js-implement-menu-highlight-active-link/54235985

let currentLocation = window.location.pathname;

문제 Props 값에 단일 값만 전달 가능하고 객체가 상속되지 않음 -> Passing object as props to jsx 해결 링크 stackoverflow.com/questions/49081549/passing-object-as-props-to-jsx

npm install node-sass --save

파일 > 기본 설정 > 설정 Window 이용자 : Ctrl + , Mac 이용자 : Command + , 작업영역(WorkSpace setting) Include Languages > setting.json 편집 클릭 아래 텍스트 복붙! { "emmet.includeLanguages": { "javascript": "javascriptreact" } }