💪오늘은 어떻게 프로젝트에 기여했나요?
- Landing 페이지 : ServiceInfo 컴포넌트 구현 완료
- Landing 페이지 : OfferInfo 컴포넌트 구현 완료
- scrollFadein Hook 구현 및 적용
😇 오늘의 프로젝트에서 힘들었던 점은 무엇인가요?
- 스크롤을 내렸을 때 요소들이 위로 Fade in 되는 기능을 구현하는 부분에서 생각보다 시간이 오래 걸렸다. 간단하게 생각해서 특정 요소의 y축의 값이 특정 값에 일치할 때 애니메이션을 실행 시키면 되겠다고 생각했는데 y축을 값을 감지하기 위해 라이브러리를 설치해야했다. useRef도 복습하고 시간은 꽤 걸렸지만 기능도 구현했고 custom hook 생성하면서 복습도 되서 까다로웠지만 뿌듯했다.
🧐 내일을 위해 기여해야 하는 일은?
- axios를 사용한 access-token 사용 시 코드 작성 예제 찾아보기
useRef
- useRef()를 사용하여 Ref 객체를 만들고
- 이 객체를 선태갛고 싶은 DOM에 ref 값으로 설정해 주어야 함
- 그러면 Ref 객체의 .current 값은 원하는 DOM을 가르키게 됨
'🍀 study log > dev log' 카테고리의 다른 글
[dev-log] 23-03-15 (0) | 2023.04.12 |
---|---|
[dev-log] 23-03-14 (0) | 2023.04.12 |
[dev-log] 23-03-12 (0) | 2023.04.12 |
[dev-log] 23-03-11 (0) | 2023.04.12 |
[dev-log] 23-03-10 (0) | 2023.04.12 |