Navbar.jsx 메뉴 바 제작 (2부) 강의 MobileToggleButton.jsx 코드가 다른 것 같아요
Navbar.jsx 메뉴 바 제작 (2부) 강의 입니다.
MobileToggleButton.jsx 강의 코드와
노션에 올라와 있는 코드가 다른 것 같네요?
강의에서는 toggle 관련 코드이고
노션에서는 onClick={() => setIsOpen(!isOpen)}
이렇게 되어있는데요
노션 코드로 하니 에러가 발생하는데
강의코드가 맞는건가요??
답변 1
0
안녕하세요! 질문 남겨주셔서 감사합니다.
문의해주신 내용 확인해보니, 영상 기준으로 31분 30초쯤에서 Notion 코드를 복사하여 붙여넣은 뒤 강의를 진행하긴 했지만, 당시 사용된 코드는 이전 버전의 코드여서 현재 구조에서는 그대로 사용하기에 무리가 있었습니다. 세심하게 지적해주셔서 정말 감사드립니다.
곧 바로 작성하게 될 index.js에서 MobileToggleButton을 렌더링할 때
<MobileToggleButton
isOpen={isOpen}
toggle={() => setIsOpen(!isOpen)}
/>형태로 이미 토글 기능을 처리한 함수를 props로 전달하고 있었고, MobileToggleButton.jsx 내부에서는 이 함수를 toggle이라는 이름으로 그대로 사용하면 문제없이 작동하는 구조입니다.
혼란을 드려 죄송합니다. 관련 내용은 Notion에도 수정된 코드로 반영해두었으니, 참고 부탁드립니다.
다시 한번 감사드리며, 앞으로도 편하게 질문 남겨주세요!
이진 트리 노드
0
3
1
Sort 메서드 관련 아티클
0
5
1
이지지 생성 노드를 커스텀 햇는데 워드프레스에 이미지 업로드가 안됨
0
8
2
이미 기존에 데스크탑을 설치해서 이용하는 상황일때
0
11
0
이번강의에서 "필요한 정보만 정확하게" 부분에서요
0
7
1
Zustand의 Store 타입은 어떤 기준으로 작성하는 건가요?
0
12
2
4.1) React.js를 소개합니다 강의를 듣고 궁금한 점이 생겼습니다.
0
11
2
Cursor에서 Bash로 claude 사용하기
0
15
1
supabase url, key 값 확인방법
1
20
3
유튜브 시연 영상 추가 기능 강의 업로드 계획
0
48
3
관리자 페이지 질문
0
45
2
이제 인프런에서 강의 더 안산다. 후져....
0
95
3
소스코드 어디서 다운받아요?
0
114
7
추가 강의 업로드 계획은 어떻게 되시나요?
0
127
2
verify_token 함수의 네이밍에 대한 질문입니다
0
85
2
6-2 강의 노션 코드 오타인거죠? 2
0
125
3
[강의 오류 리포트] React Router Outlet 사용 오류
0
94
1
[강의 오류 제보] Navbar 컴포넌트 코드 오류 발견
0
113
2
데모사이트 접속이 안됩니다.
0
82
1
membership부분은 몇 강의에서 진행하신건가요?
0
80
1
Github repository는 없나요?
0
114
1
백엔드 도커 실행 에러가 뜹니다 ㅠ
0
174
2
6-2 강의 노션 코드 오타인거죠?
0
100
1
섹션2 퀴즈 정답 이상함..( Docker 핵심구성요소가 아닌 것)
0
91
1