Navbar.jsx 메뉴 바 제작 (2부) 강의 MobileToggleButton.jsx 코드가 다른 것 같아요

Question

Navbar.jsx 메뉴 바 제작 (2부) 강의 입니다. MobileToggleButton.jsx 강의 코드와 노션에 올라와 있는 코드가 다른 것 같네요? 강의에서는 toggle 관련 코드이고 노션에서는 onClick={() => setIsOpen(!isOpen)} 이렇게 되어있는데요 노션 코드로 하니 에러가 발생하는데 강의코드가 맞는건가요??

닭강정 · Answer

안녕하세요! 질문 남겨주셔서 감사합니다. 문의해주신 내용 확인해보니, 영상 기준으로 31분 30초쯤 에서 Notion 코드를 복사하여 붙여넣은 뒤 강의를 진행하긴 했지만, 당시 사용된 코드는 이전 버전의 코드여서 현재 구조에서는 그대로 사용하기에 무리가 있었습니다. 세심하게 지적해주셔서 정말 감사드립니다. 곧 바로 작성하게 될 index.js 에서 MobileToggleButton 을 렌더링할 때 <MobileToggleButton isOpen={isOpen} toggle={() => setIsOpen(!isOpen)} /> 형태로 이미 토글 기능을 처리한 함수를 props로 전달 하고 있었고, MobileToggleButton.jsx 내부에서는 이 함수를 toggle 이라는 이름으로 그대로 사용 하면 문제없이 작동하는 구조입니다. 혼란을 드려 죄송합니다. 관련 내용은 Notion에도 수정된 코드로 반영 해두었으니, 참고 부탁드립니다. 다시 한번 감사드리며, 앞으로도 편하게 질문 남겨주세요!