230203

오늘은 회고 겸 TIL 

일주일동안 한 기업의 과제를했다. 

필수 요구 조건은 별로 없었는데 한번도 안해본 기능들이라 조금 헤맸었던 것 같다.

캐러셀 구현을 했는데 이건 라이브러리를 사용해서 구현했다,,

무한 스크롤 기능은 라이브러리를 사용 안하고 직접 만들어서 했는데 잘 몰라서 시간을 좀 오래 사용한 것 같다.

intersection observer API를 사용했다.

intersection observer를 사용하면 target이 화면에 노출되었는지 여부를 간단하게 확인할 수 있다.

관심사 분리를 하는데 hook과 util함수 구분에 대해서 잘 몰랐던 것을 깨달았다.

hook으로 분리할 수 있는것은 react의 훅을 사용해야하는 것들이고 util 함수로 분리할 수 있는 것들은 순수 자바스크립트만을 사용해서 구현하는 함수이다.

css는 MUI를 사용했는데 계속 mui만 쓰는 것 같아서 tailwind 같은 것도 사용해봐야겠다고 생각했다.

처음에 과제를 받았을 때 금방 구현할 수 있을 것 같아서 여유를 부렸는데 제출 직전에 너무 바쁘게 마무리한 것 같아서 아쉬웠다.