개발 일기15 [개발 일기] - 22.09.18.Sun 22.09.18.Sun 낮에 JS를 이용하여 알고리즘 2문제를 풀었습니다. 이후 react-query를 학습하였습니다. error handling, loading 등을 centralize 하는 방법과 각 컴포넌트 내에서 useQuery 훅을 이용하여 계속 반복하여 사용하는 것이 아니라 커스텀 훅을 이용하여 모듈화시키는 내용을 조금 봤습니다. 강의를 수강하고 학습하면서 전체적인 프로젝트의 폴더나 구조들도 보았는데 각 컴포넌트 내에서 사용되는 state부터 서버로부터 가져오는 데이터 등을 모두 커스텀 훅으로 분리하여 여러 컴포넌트에서 사용될 수 있도록 모듈화 시켰는데 꽤 괜찮아보였습니다. 다음 회사 프로젝트 때 한번 활용해볼 예정입니다. 마지막으로는 자료구조를 JS 버전으로 다시 리마인드 하고 있는데 pri.. 2022. 9. 18. [개발 일기] - 22.09.17.Sat (feat. 인피니티 스크롤) 22.09.17.Sat 오늘도 어김없이 JS를 이용하여 알고리즘 2문제를 풀었습니다. 이후 react-query를 이용한 infinite scroll 부분 관련하여 학습하였습니다. 생각보다 내용들을 이해하는 것이 쉽지는 않았습니다. useInfiniteScroll 훅으로 부터 반환되는 여러 property, 그리고 옵션들이 다양했습니다. 학습을 진행하면서 특히 캐싱이라는 것이 브라우저에서 정말 중요하다는 것을 다시금 깨닫게 되었습니다. 회사 업무에서도 모바일 인피니티 스크롤을 구현할 부분이 생겨서 react-query를 이용하였는데 코드를 잘 이해하지는 못하더라도 구현은 해두었습니다. 하지만 라이브러리를 이용하지 않고 자바스크립트의 내장 객체를 이용하거나 몇 가지 조금 방법이 있긴 한데 아무래도 최적화 .. 2022. 9. 17. [개발 일기] - 22.09.16.Fri (feat. 검색 기능) 22.09.16.Fri 오늘은 회사 업무로 검색 스크린 위주로 퍼블리싱 및 FE 작업을 진행하였습니다. 제가 알기로 검색 기능은 디바운스 및 쓰로틀링을 활용하는 등 최적화 부분이 필요한 것으로 알고 있습니다. 사용자가 검색 키워드 한 글자씩 입력할 때마다 서버로 API 요청을 보내는 것은 상당히 무거운 작업이기 때문입니다. (기존 겸상 서비스를 만들 때 시간이 없어서 그냥 검색 API를 붙였는데 클라이언트에서 버벅거리는 현상을 느꼈습니다.) 그리고 아직 API 작업은 하지 않아서 데이터가 어떤 URL로 어떤 컬럼을 가진 형태로 올지 모르는 상태입니다. BE 구현은 따로 없고 Shopify 플랫폼의 StoreFront, Hydrogen을 사용하는 것으로 알고 있습니다. 한번도 사용해보지 않은 서비스여서 잘.. 2022. 9. 16. 이전 1 2 3 4 다음 반응형