Navbar.jsx 메뉴 바 제작 (2부) 강의 MobileToggleButton.jsx 코드가 다른 것 같아요
Navbar.jsx 메뉴 바 제작 (2부) 강의 입니다.
MobileToggleButton.jsx 강의 코드와
노션에 올라와 있는 코드가 다른 것 같네요?
강의에서는 toggle 관련 코드이고
노션에서는 onClick={() => setIsOpen(!isOpen)}
이렇게 되어있는데요
노션 코드로 하니 에러가 발생하는데
강의코드가 맞는건가요??
Answer 1
0
안녕하세요! 질문 남겨주셔서 감사합니다.
문의해주신 내용 확인해보니, 영상 기준으로 31분 30초쯤에서 Notion 코드를 복사하여 붙여넣은 뒤 강의를 진행하긴 했지만, 당시 사용된 코드는 이전 버전의 코드여서 현재 구조에서는 그대로 사용하기에 무리가 있었습니다. 세심하게 지적해주셔서 정말 감사드립니다.
곧 바로 작성하게 될 index.js에서 MobileToggleButton을 렌더링할 때
<MobileToggleButton
isOpen={isOpen}
toggle={() => setIsOpen(!isOpen)}
/>형태로 이미 토글 기능을 처리한 함수를 props로 전달하고 있었고, MobileToggleButton.jsx 내부에서는 이 함수를 toggle이라는 이름으로 그대로 사용하면 문제없이 작동하는 구조입니다.
혼란을 드려 죄송합니다. 관련 내용은 Notion에도 수정된 코드로 반영해두었으니, 참고 부탁드립니다.
다시 한번 감사드리며, 앞으로도 편하게 질문 남겨주세요!
자료를 다운로드후 압축을 풀때 오류납니다.
0
9
2
명령 프롬프트
0
7
1
pod kubetm/app 에서 image를 갑자기 못가져 오는거 같습니다.
0
5
1
VS Code? Cursor?
0
12
0
터미널과 클로드코드의 차이
0
15
1
타입스크립트 autoComplete?
0
9
1
유지보수가 아닌 최초 프로젝트 생성 부터 진행할때
0
9
1
primitive에 onClick 이벤트가 안되는 경우
0
10
1
감정일기장 vercel 배포 후 새로 고침 시 404페이지가 뜨는 이유
0
11
2
유튜브 시연 영상 추가 기능 강의 업로드 계획
0
51
3
관리자 페이지 질문
0
46
2
이제 인프런에서 강의 더 안산다. 후져....
0
97
3
소스코드 어디서 다운받아요?
0
117
7
추가 강의 업로드 계획은 어떻게 되시나요?
0
129
2
verify_token 함수의 네이밍에 대한 질문입니다
0
85
2
6-2 강의 노션 코드 오타인거죠? 2
0
126
3
[강의 오류 리포트] React Router Outlet 사용 오류
0
95
1
[강의 오류 제보] Navbar 컴포넌트 코드 오류 발견
0
113
2
데모사이트 접속이 안됩니다.
0
82
1
membership부분은 몇 강의에서 진행하신건가요?
0
80
1
Github repository는 없나요?
0
115
1
백엔드 도커 실행 에러가 뜹니다 ㅠ
0
176
2
6-2 강의 노션 코드 오타인거죠?
0
101
1
섹션2 퀴즈 정답 이상함..( Docker 핵심구성요소가 아닌 것)
0
91
1