작업한 것
- 메인페이지 하단 릴스 캐러셀 기능 구현
- 메인페이지 하단 릴스 캐러셀 무한스크롤 구현
배운 것
- Video 태그 활용하기
- autoplay, muted : 자동 재생을 위한 속성, 크롬에서는 muted 돼야만 자동재생 된다.
- onEnded : 영상재생이 끝날 때 액션 추가를 위한 속성, 다음 영상 재생 기능을 위해 활용.
- props 구조분해 할당
- 이미 알고 있던 방식이지만, 메인페이지 하단 리펙토링 과정에서 제대로 적용
- props 객체를 {key1, key2, key3, ...}를 통해 할당하여, 컴포넌트 내에서 상수 값으로 활용.
- onWheel 속성 : 휠의 움직임을 감지하여 액션을 부여할 수 있다. 좌우 휠을 감지하기 위해 e.nativeEvent.deltaX값을 활용
이슈
- 서비스 런칭 일정 조율
- 개발이 재미가 없어진다면?!
- 온 종일 18시간 넘도록 개발을 해도 재밌는데, 취업하고 나서 개발이 재미없어지면 어떻게 해야할까..? 쉽지 않은 문제다.
- 활동적이고 자율적인 개발 그룹을 만들기 위해선, 어떻게 해야할까?
마무리
점점 코드가 눈에 익는다. 안 좋은 코드가 보인다...