실전 프로젝트 썸네일형 리스트형 onWeekCalendar 캘린더 제작하면서 애먹었던 문제 1. console.log는 렌더링이 될때의 결과를 나타낸다. 나는 31일치의 배열을 만들어 놓고, 각각의 배열안에는 3가지 의 배열을 추가적으로 입력해뒀다. 3가지의 배열은 각날짜의 스케줄이 있는지 없는지를 나타내는 boolean값으로 설정했다. 배열을 생성하고 log 값을 찍어봤더니, log 값안에는 이미 조건을 걸친 값들이 반영되어있었다. 그래서 나는 log가 정확히 어떻게 값을 반영하는지에 대해 알아봤다. log consolo.log는 참조를 로깅하기 때문에, 객체와 같이 내용물이 변할 수 있는 것들은 실시간으로 내용이 바뀐다. const returnEvent = useCallback(() => { const calendarDays = Array.from({ len.. 더보기 Event bubbling Trouble Shooting 💡 문제 인식 모달을 띄운 뒤, 모달 내부의 닫기 버튼이나 모달의 백그라운드를 누르면 모달이 닫히게 closeModal 함수를 등록해주었는데, 모달이 닫히지 않음. 아래는 문제의 코드. closeModal 함수가 modal을 닫게하는 기능을 하고, 백그라운드와 닫기 버튼에 함수를 등록하였지만 동작안함. code(문제가 발생한 곳) return ( // modal 내에서 click 이벤트 발생시, 해당위치의 click 이벤트도 발생 {modalOpen && ( )} 😵💫 | {file.userName} {file.enrollDay} 📎 | {file.fileName} ); Modal Open/Close 관련 코드 closeModal, Modal 나오는 조건 const closeModal = () => {.. 더보기 DropDown Component Trouble Shooting DropDown hooks 만들기 💡 문제 인식 DropDown hooks 사용시 발생하는 문제 DropDown 사용 중, 화면을 움직이면 DropDown 위치가 변경된다. DropDown 사용 중, 화면을 확대 축소하게 되면 DropDown 위치가 변경된다. scroll에 따른 DropDown 위치 변경 Modal 창에서 DropDown, 사용 시, DropDown이 보이지 않는다. DropDown이 브라우저 범위를 벗어나게 된다면 list가 보이지 않는다. DropDown position값은 어떻게 설정할것인가? 🚫 문제 분석 브라우저의 변경에 따라 DropDown이 왜 변경되는지 확인 DropDown은 position을 absolute 로 사용중이기 때문에 브라우저가 변경될 때 마다 position.. 더보기 이전 1 다음
