본문 바로가기
Today I Learned(TIL)

TIL_210321(First Project)

by 연제원 2021. 3. 22.

📝 오늘 한 일 / 배운 것


🖋 MainPage 스크롤 이벤트

처음엔 스크롤에 따른 상태 변화를 주기위해 useEffect 안에 window.addEventListener 를 넣어 스크롤할 때마다 실시간으로 위치를 확인 후, 조건을 만족하면 useState 를 통해 상태를 변화시켜 검색창이 뜨거나 사라지게 했다. 하지만 이러한 방식은 앱의 퍼포먼스에 문제가 발생한다고 한다.(무한 이벤트 같은..?)

더 찾다보니 interSection Observer 라는 것을 찾을 수 있었다. 이를 이용해 새로운 hooks를 만들어 사용할 수 있게 되었다.

하지만 처음 스크롤을 내려서 일정위치에 도달했을 때 이벤트를 실행시킬 수 있었지만 역으로 다른 함수를 실행시키는 것은 아직 생각이 안나 구현하지 못했다..

앞으로 개선할 것!

 

 

🙏 기억할 것 / 느낀 점


🖋intersection observer

 

😆느낀 점

처음 프로젝트를 기획하고 시작할 땐 언제 만들지.. 했던 것들이 어느새 점점 폼을 갖춰간다..? 다들 열심히 해주는 팀원들덕에 트러블 없이 으쌰으쌰 잘 진행하고 있는 것 같다(수정할 것들은 점점 산더미...ㅠ). 각자 기능을 구현하느라 코드 리뷰도 제대로 하지 못하고 얘기를 나눌 시간이 별로 없지만 그래도 항상 저녁 11시에 짧게나마 팀원들끼리 리뷰를 하는 습관은 좋은 것 같다. 2주 프로젝트가 끝나고 4주 프로젝트때엔 더욱 철저하고 계획적으로 진행할 수 있을 것 같다!

'Today I Learned(TIL)' 카테고리의 다른 글

TIL_210322(First Project)  (0) 2021.03.23
TIL_210319(First Project)  (0) 2021.03.20
TIL_210317(First Project)  (0) 2021.03.18
TIL_210316(First Project 프로젝트)  (0) 2021.03.17
TIL_210315 (First Project 시작!)  (0) 2021.03.16

댓글