메모리 캐싱과 디스크 캐싱의 차이를 알아보자.

React Suspense를 스터디하고 현업에서 이와 관련된 문제를 해결한 내용을 공유해보자.

기존 레거시(Angularjs) 프로젝트를 신규 프로젝트(Next.js)로 마이그레이션한지 얼마 되지 않아 우리에게 새로운 미션이 떨어졌다. 바로 젭 스페이스에 정기결제 기능을 추가하는 것이였다.

IntersectionObserver를 알아보고 유저가 방문한 스페이스 목록 무한스크롤 구현하기

useInfiniteQuery는 파라미터 값만 변경하여 동일한 useQuery를 무한정 호출할 때 사용한다. - 무한 스크롤과 아주 찰떡이라할 수 있겠다.

유틸리티 타입 혹은 제네릭 타입이라고도 불리는 것들 중 Partial은 제네릭으로 넘긴 타입의 구성을 전부 optional하게 변환해주는 타입을 쉽게 만들어준다.

평소 컴포넌트를 설계하면서 고민이 많았던 부분인데 이 블로그 글을 읽으면서 꽤 많은 의문점들이 해소되는 느낌을 받았고 두고두고 리마인드 하기 위해 원문 링크를 공유해두려고 한다.

기존에 라이브나 마이그레이션 당시 왜 문제가 발생하지않았는지 의문이지만, 후원설정 토글을 on으로 설정한 뒤 form의 isDirty가 true가 되어 설정의 저장버튼이 활성화된 시점에서 수수료의 값을 변경하니 form이 변경되어 활성화되어있던 저장버튼이 비활성화가 돼버리는 문제가 발생했다.

요즘 읽고 있는 책을 보다 Next.js를 사용하는 이유이기도하며 가장 중요한 개념들을 정리해두려고 한다. 현업에서도 얼마 전 에디터와 어드민 페이지를 제외한 모든 페이지를 Next.js 기반의 프로젝트로 마이그레이션을 완료했다. 이제 프로젝트의 꽤 많은 부분을 Next.js와 함께하면서 이미 익숙해진 개념이지만 이번 기회에 확실하게 정리해두고자 한다.

3월 말정도부터 시작됐던 본격적인 ZEP 플레이화면의 마이그레이션 프로젝트를 진행하면서 느낀 점들을 회고해보려고 한다. 약 두달이 넘는 시간동안 프론트엔드팀 전부가 꽤 많은 시간을 크런치모드 상태로 지냈던 것 같다.

Angular.js 로 구성된 v1 프로젝트를 진행하던 중 formData를 다루던 중 있었던 이슈를 정리해보자.

React-hook-form을 활용하여 특정 기능들의 옵션들의 form상태를 취합한 뒤 서버로 데이터를 보내는 작업 중에 다음과 같은 에러가 발생하여 트러블 슈팅한 내용을 적어두려고 한다.

처음 v1(Angularjs) 프로젝트에서 정적페이지로만 이루어진 부분 먼저 v2(React)로 마이그레이션을 진행하던 중 상태관리 및 query fetching에 대한 효율적인 부분을 고민하던 중 ReactQuery가 좋은 대안이 될 수 있겠다고 판단했고 관련된 내용을 찾아보던 중 배민 주문팀 프로젝트에 성공적인 ReactQuery 도입과정을 세미나로 풀어낸 내용이 있어 해당 내용을 정리하였다.

맵 에디터 내 오브젝트 관련 기능 중 랜덤말풍선이라는 기능을 구현하는 중 있었던 문제에 대해 기록하려고 한다. 해당 기능은 Phaser의 전반적인 기능을 구현하는 컨텐츠팀과 협업해야하는 기능이였다.

프로젝트 마이그레이션을 진행하는 중 Mobx관련 setter함수를 사용할 때 있었던 문제를 정리해보려고 한다.

리액트 useEffect 를 사용중에 유저의 리뷰를 받을 수 있는 reviewWriter 컴포넌트에서 있었던 문제이다. 완벽한 해결법을 아직 찾지 못했지만 해결한 방법 정도는 정리해보자.

맵 에디터 내 오브젝트 관련 기능 중 랜덤말풍선이라는 기능을 구현하는 중 있었던 문제에 대해 기록해보자.

이전 부트캠프 프로젝트를 하던 중 node 버전 변경이 안되는 이슈에 대한 트러블슈팅 내용을 정리해보자.

gitignore가 동작하지 않을 때, 트러블 슈팅