TypeScript Module Resolution Algorithm & vite resolvePackageEntry
`import` 문을 vite와 TypeScript의 모듈 해석 알고리즘에 의해 어떻게 불러오는지에 대한 과정
2922 단어
|
15 분
Cover Image of the Post
Context vs 모듈 구독
module 구독 상태 관리를 직접 구현하면서 한계를 통해 context의 본질 알아가기
2540 단어
|
13 분
Cover Image of the Post
GraphQL 도입기:얻게된 새로운 관점
가맹점 및 클래스 생성 관리, 주문예약 모바일 웹서비스를 구축할 수 있는 좋은 기회를 얻게 되었다. V0에는 런칭을 위한 핵심 기능 구현에 집중했었고, 런칭 후에도 기획들이 지속적으로 변경되면서 새로운 요구사항들이 계속 추가되었다.
3199 단어
|
16 분
Cover Image of the Post
클로저와 고차 함수
JavaScript의 클로저와 고차 함수 개념을 실제 프로젝트 경험을 통해 이해하기
1554 단어
|
8 분
Cover Image of the Post
현재에 근거한 목표설정 체계화
우리에게는 유혹을 뿌리치고 올바른 우선순위를 정하고 목적의식을 완수를 위한 단순한 사고 방식이 필요하다.
136 단어
|
1 분
Cover Image of the Post
Concurrent Mode 환경에서 Suspense 기반 데이터 페칭 최적화 및 로딩 경험 개선 feat. Render as you Fetch & transition 원리
2025-02-01
프론트엔드에서 데이터 페칭은 오랫동안 핵심 문제로 여겨져 왔습니다. 초기 웹 환경에서는 서버 렌더링 시 전체 페이지가 새로고침되면서 데이터 지연이 곧바로 사용자 경험에 영향을 주었고, Ajax와 SPA의 등장으로 일부 UI만 갱신할 수 있게 되면서 데이터 페칭 전략이 UX 품질을 결정하는 중요한 요소로 자리 잡았습니다. React와 같은 컴포넌트 기반 프레임워크에서는, 언제 데이터를 가져올지, 데이터를 기다리는 동안 사용자가 무엇을 보게 할지가 제품 경험과 직결됩니다. 현대 React 환경에서 Suspense와 Concurrent Mode는 데이터 페칭을 단순 요청/응답을 넘어서 부드러운 UI 전환과 로딩 경험 최적화까지 고려해야 하는 핵심 과제로 진화시켰습니다.
5211 단어
|
26 분
Cover Image of the Post
useCallback stale closure
useCallback의 의존성 배열 비교 원리와 stale closure알아보기
2000 단어
|
10 분
Cover Image of the Post
TypeScript 신선도, Freshness
구조적으로 타입 호환성이 있는 객체 리터럴의 타입 검사를 쉽게 할 수 있도록 해주는 신선도(Freshness)개념
1512 단어
|
8 분
Cover Image of the Post
1
2