홈 화면 화살표 버튼 눌렀을때 1월에서 2월로 안 가고 3월로 갑니다 나머지 달은 잘 작동합니다.
안녕하세요 또 이렇게 질문을 해서 죄송합니다. 마지막 강의까지 다 듣고 배포까지 했는데 갑자기 홈 화면에 오른 화살표를 클릭을 하면 지금 1월 인데 누르면 3월로 이동 됩니다. 그런데 1월에서 2월 넘어갈때만 그래요 뒤로 가는건 잘 작동합니다. 홈 강의 다시 보고 틀린거 있나 확인했는데 못 찾아서 이렇게 연락드려요
https://github.com/jeain/Diary
답변 1
0
안녕하세요 이정환입니다.
아이코..! 이건 제 실수입니다 😭
이런 현상이 발생하는 이유는 Home 컴포넌트의 increateMonth 함수가 실행되면,
오늘의 날짜를 기준으로 월만 +1한 새로운 날짜를 생성하는데요
이때 다음 코드처럼 오늘의 일을 기준으로 일도 함께 설정하기 때문이었습니다
const increaseMonth = () => {
setCurDate(
new Date(
curDate.getFullYear(),
curDate.getMonth() + 1,
curDate.getDate()
)
);
};따라서 위와같이 설정하면 새로운 curDate의 값은 2023년 1월 31일에서 2023년 2월 31일이 되어버리는데요, 2월에는 31일이 없으므로 3월로 설정되고 있는것이었습니다.
따라서 다음과 같이 new Date의 3번째 인수를 생략해 월만 +1 하도록 변경해주시면 되겠습니다.
decreaseMonth도 동일하게 변경해주시면 됩니다.
위 내용은 2월 중 계획된 강의 리뉴얼에서 반영하도록 하겠습니다.
감사합니다 이정환입니다.
Editor Component의 최적화 불가능 이슈
0
41
2
useCallback ⊂ useMemo
0
40
2
라이브러리 설치 질문
0
36
2
linter 질문
0
44
2
감정일기장 vercel 배포 후 새로 고침 시 404페이지가 뜨는 이유
0
44
2
Sort 메서드 관련 아티클
0
44
2
4.1) React.js를 소개합니다 강의를 듣고 궁금한 점이 생겼습니다.
0
47
2
html, body에 적용하는 css 스타일 질문입니다.
0
42
2
eslint.config.js 설정 질문입니다.
0
96
2
존재하지 않는 일기 url입력 시 alert이 두 번 떠요
0
70
1
교재(3쇄)와 강의 내용 문의
0
72
2
12.13) 하단 여백 스타일링 관련 질문 드립니다.
0
94
2
에러 질문드립니다
0
112
2
VSCode 설정 문의
0
145
2
PPT 코드 관련 질문
0
68
2
useEffect와 lifecycle문의
0
93
2
프론트엔드 학습 수준 문의
0
112
2
리액트 챕터별 코드에서 eslint 설정파일이 없어요
0
114
2
데이터 로딩중 화면만 계속 나와요!!
0
103
2
퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요
0
134
2
이후의 커리큘럼 문의
0
157
2
실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.
0
117
2
최적화 관련 질문있습니다 (useMemo 등)
0
134
3
프로바이더 컴포넌트의 위치는 어떤 기준인가요?
1
130
3