2024.03.20 ~ 03.26 (6주차)
🏇 일일 스프린트
- 2024.03.20 (수)
- [✅] React JS 마스터클래스 졸업작품
- [✅] Nav 조건부 애니메이션 추가 (useMatch)
- [❌] 캐러셀 추가
- 기본적인 캐러셀은 완성, 내일은 무한 캐러셀을 만들 예정.
- 2024.03.21 (목)
- 2024.03.22 (금)
- [✅] Pomodoro 챌린지
- [✅] 무한 캐러셀 이동, radio 버튼 추가.
- 2024.03.23 (토)
- [✅] React JS 마스터클래스 졸업작품
- [✅] framer motion 추가
- [✅] 무한 캐러셀 이동, radio 버튼 에러 수정.
- 2024.03.24 (일)
- 2024.03.25 (월)
- [✅] Next JS 강의 #1.1 ~ #2.1 복습
- [✅] Next JS 퀴즈 제출
- 2024.03.26 (화)
- [✅] Next JS 강의 #2.2 ~ #2.10 복습
- [✅] Next JS 퀴즈 제출
📒 학습 내용과 진행 상황
- 학습한 주요 개념 및 기술
- 진행한 프로젝트/실습/과제
🙀 도전과 어려웠던 점
- 겪었던 어려움이나 문제점
- 무한 캐러셀을 만들때 이미지를 한번에 다 불러오고 translateX를 사용해 옮기는 방식을 사용했는데 가끔가다 내가 이미지를 배열에 저장해 1개씩 불러오고 있다는 착각을 했었다. 왜 그랬지?
- framer motion으로 자식 컴포넌트에 순차적으로 딜레이를 주기 위해서 delayChildren, staggerChildren을 사용 했는데 아예 작동이 안됐다.
- 해결 시도 및 필요한 도움
📈 반성과 깨달음
- 챌린지를 진행할때 진행 과정을 글로 남기니 확실히 공부가 되면서 기억에도 오래 남는다.