이걸해냄 React-router-dom으로 링크 기능 구현 React-router-dom이라는 패키지를 쓰면 됩니다!( ) 다만 react-router-dom은 웹에서만 쓰이므로 주의. npm install react-router-dom@6 npm install react-router-dom --save 이후 작업 폴더 내 package.json파일 dependencies에 react-router-dom이 잘 추가되었는지 확인은 필수입니다. inde... React이걸해냄React useState 사용하기 Nav.js 일단 훅을 쓰려면 제일 해야 하는 것은 import로 훅을 끌어와야 한다는 겁니다. 제품 카테고리 메뉴를 누르면 NavDepth2 컴포넌트가 생겼다 없어지는 거니까, 제품 카테고리 버튼에 onClick이벤트를 걸어줍니다. clicked의 결과가 거짓이라면,setClicked라는 함수에 true 혹은 false 값을 준다는 아주 단순한 조건...그럼 그 setClicked 랑 cl... React이걸해냄React useEffect 사용하기 데이터를 불러오려면,useEffect와 useState는 짝꿍이라고 해도 될 정도로 자주 쓰게 됩니다. sub2 category가 없는 이유는, 다른 컴포넌트로 들어가서 sub2 category를 불러오기 때문에 여기에는 기술되어 있지 않습니다. 가져올 pageCategoryData.json 목데이터 파일 page category는 이렇게 이름과 url, id 등으로 이루어진 객체들의 조합입... React이걸해냄React
React-router-dom으로 링크 기능 구현 React-router-dom이라는 패키지를 쓰면 됩니다!( ) 다만 react-router-dom은 웹에서만 쓰이므로 주의. npm install react-router-dom@6 npm install react-router-dom --save 이후 작업 폴더 내 package.json파일 dependencies에 react-router-dom이 잘 추가되었는지 확인은 필수입니다. inde... React이걸해냄React useState 사용하기 Nav.js 일단 훅을 쓰려면 제일 해야 하는 것은 import로 훅을 끌어와야 한다는 겁니다. 제품 카테고리 메뉴를 누르면 NavDepth2 컴포넌트가 생겼다 없어지는 거니까, 제품 카테고리 버튼에 onClick이벤트를 걸어줍니다. clicked의 결과가 거짓이라면,setClicked라는 함수에 true 혹은 false 값을 준다는 아주 단순한 조건...그럼 그 setClicked 랑 cl... React이걸해냄React useEffect 사용하기 데이터를 불러오려면,useEffect와 useState는 짝꿍이라고 해도 될 정도로 자주 쓰게 됩니다. sub2 category가 없는 이유는, 다른 컴포넌트로 들어가서 sub2 category를 불러오기 때문에 여기에는 기술되어 있지 않습니다. 가져올 pageCategoryData.json 목데이터 파일 page category는 이렇게 이름과 url, id 등으로 이루어진 객체들의 조합입... React이걸해냄React