Front-end
1.React Query와 친해지기
비동기 또는 서버 상태 작업을 위한 리액트 쿼리 (근데, 편리함을 더한)
2.[Javascript] 고차함수 map, break가 가능한가?
map은.. 조건에 만족하지 못하면 순회를 종료해야 했는데, 종료가 불가능했던 것..!
3.[React] Don’t mirror props in state
Choosing the State Structure 챕터를 읽던 중, 흥미로운 부분 발견!
4.[React] Preserving and Resetting State
DOM 트리의 전, 후 구조가 일치한다면 컴포넌트의 리렌더링에도 state의 값은 보존된다!
5.[React] Referencing Values with Refs
■ State vs Ref State Read only state가 업데이트될 때마다 해당 컴포넌트가 리렌더링 setter 함수를 활용해 state 값을 변경해도 state의 변경이 동기적으로 이루어지지 않음 Ref Read and Write ref가 업데이트되어도 리렌더링이 발생하지 않음 ref.current 값을 변경할 때마다 값의 변경이 동기적으...
6.Yarn-berry 파헤치기
yarn-berry의 도입 이전에 yarn의 개념, npm과의 차이점 등에 대해 탐색하는 시간을 가졌습니다.
7.Yarn-berry 파헤치기
yarn-berry의 도입 이전에 yarn의 개념, npm과의 차이점 등에 대해 탐색하는 시간을 가졌습니다.
8.[React] ref 사용시 parent to children event bubbling
9.Redux Toolkit 파헤치기
사전 과제의 필수 조건 중 하나인 Redux Toolkit..! 적용 전 학습을 위한 시간을 가졌습니다. recoil, jotai 등 상태 관리를 위한 라이브러리를 사용해왔지만.. Redux를 직접 사용해본 적이 없었고, 다량의 보일러 플레이트 및 복잡한 초기 환경설정 등과 같은 무성한 소문만 알고 있었습니다 ㅎㅎ 상태 관리 라이브러리의 필요성 ...
10.Dynamic Import Module Issue 개선 시도 여정 기록
지하철 와이파이를 활용해 재능교육 온라인진단 서비스를 이용하시면서 불안정한 네트워크로 인해 js 로드에 실패해 에러 페이지를 빈번하게 마주치셨다는 분의 제보로 인해 해당 이슈를 대응할 수 있는 로직을 고안해보기로 했습니다 ㅋㅋㅋㅋ ㅜㅜ현재 문제점은 기본적으로 laz
11.Tanstack-query Retry 커스텀 로직 도입기
바로 이전 글인 dynamic import module 이슈와는 또 다른 api 응답 에러 상황을 어떻게 처리할 것인가에 대해서도 고민해보았습니다네트워크 등 다양한 환경에 따른 모듈 로드 실패에 적정한 retry 기회를 제공해 사용자 경험을 개선할 수 있는 방안과 함께
12.ISR 도입 여정기
Beer-Next 프로젝트를 기획하면서 큰 갈래로 경험 및 개발해보고 싶었던 기능 중 하나가 바로 Next.js의 ISR ..!패기롭게 도전했지만, 다양하게 겪었던 난항들을 기록하고자 한다 🤣ISR (Incremental Static Regeneration)전체 사이