<observer intersection을 통한 무한스크롤 구현> -trouble shooting 맨 위에 target dom이 있을 때, useEffect와 observer로 인해 통신이 2번 일어났음 해결책 1. target을 posistion을 화면 밖으로 보내서 observer가 마운트 시 작동안하도록 함 2. page를 -1부터 시작하여, -1을 통신할 때, 에러로 받아 정상적으로 0부터 시작하도록 함 -무한스크롤 로딩 시 뷰포트 위에서 그대로 쌓여 항상 화면 맨 밑에 뷰포트가 위치함 해결책 1. 부모 태그에 height:100%를 주어 뷰포트 밑으로 연장하도록 함.

<복잡한 계층으로 통신 및 데이터 렌더링에 대한 애로사항>

1. 앞으로 재사용이 많지 않은 경우는 컴퍼넌트를 나누지 않는 것이 좋다.
2. 그러다 보니 한 곳에서 포스팅을 한 뒤 부모 컴퍼넌트에 반영하는 것이 어렵다.
3. 더군다나 api에 여러 기능이 통합되어, 불필요한 데이터까지 포함하여 리페치되는 경우가 있었다.

<폴더 구조 사용>

1. api를 따로두지 않아서 config의 토큰의 전달의 경우, 보일러 플레이트들을 줄일 수 있는데 그러지 못하였다.
2. constant에 색상 코드들을 넣어 두어 하드코딩이 아닌 변수로써 받아서 휴먼 에러를 줄였다.

<useForm의 오류> -useForm 사용 시 submitHandler 관련해서 제대로 통신이 되지 않았다. 1. 이후 docs를 읽어 볼 필요가 있다.

<style component의 복잡함> 1. styled 안에 또 style component에 접근할 수 있고 2. 따로 style 속성을 이용해 선별적인 스타일을 부여할 수 있다.