Jeonghwan Kim의 기술 블로그는 프론트엔드 개발, 웹 아키텍처, 테스트 자동화, 코드 품질 향상 등 실무 중심의 주제를 다룹니다. React, Vue.js, JavaScript, TypeScript를 비롯한 최신 프론트엔드 기술을 깊이 있게 탐구하며, 실제 프로젝트 경험을 바탕으로 한 구조적 사고와 문제 해결 과정을 공유합니다. 특히 성능 최적화, 모듈 설계, CI/CD 환경 구축 등 생산성과 유지보수성을 높이는 노하우를 상세히 설명합니다. 깔끔한 글 구성과 풍부한 예제가 특징으로, 한국 개발자 커뮤니티에서 꾸준히 인용되는 신뢰도 높은 블로그입니다.
306 기사 from this blog
![[리액트 2부] 2.3 라우터 2](https://alldevblogs.blob.core.windows.net/thumbs/article-8342760b70f1-full-0641bba0.webp)
React Router 구현 방법과 브라우저 History API를 활용한 프로그래밍적 네비게이션에 대한 기술 가이드
![[리액트 2부] 2.2 라우터 1](https://alldevblogs.blob.core.windows.net/thumbs/article-6146c309fcbe-full-b26c5ddd.webp)
리액트에서 브라우저 History API를 활용한 클라이언트 사이드 라우터 구현 방법과 커스텀 Link 컴포넌트 제작에 대한 기술 가이드
![[리액트 2부] 2.1 컨택스트](https://alldevblogs.blob.core.windows.net/thumbs/article-d308cd21d13c-full-b087a504.webp)
리액트 컨택스트(Context)의 개념과 문제점, 그리고 직접 구현하는 방법을 설명하는 고급 리액트 튜토리얼입니다.
![[리액트 2부] 1편 최종정리](https://alldevblogs.blob.core.windows.net/thumbs/article-e21cd07a0d2b-full-eabe6ac7.webp)
리액트 2부 강의 요약으로, 배달 앱 화면 개발을 통해 컴포넌트 분리, 상태 관리, 폼 처리 등 리액트 고급 주제를 다룹니다.
![[리액트 2부] 1.4 장바구니 화면](https://alldevblogs.blob.core.windows.net/thumbs/article-a58eaa63f2e8-full-9ba3291a.webp)
![[리액트 2부] 1.3 주문내역 화면](https://alldevblogs.blob.core.windows.net/thumbs/article-6fd2bdf0660b-full-80fe93d5.webp)
![[리액트 2부] 1.2 상품목록 화면](https://alldevblogs.blob.core.windows.net/thumbs/article-b7caaa076a19-full-034ac67a.webp)
리액트를 사용하여 상품목록 화면을 구현하는 방법과 컴포넌트 분리(Button)에 대한 실용적인 튜토리얼입니다.
![[리액트 2부] 1.1 준비](https://alldevblogs.blob.core.windows.net/thumbs/article-b9913919dbaf-full-540fdd7a.webp)
리액트 useMemo와 useCallback의 메모이제이션 원리를 팩토리얼 예제로 설명하고 직접 구현해보며 성능 최적화를 이해합니다.
React useReducer 훅의 구조와 useState와의 차이점을 회원가입 폼 예제를 통해 설명하며, 복잡한 상태 관리를 위한 사용법을 알아봅니다.
객체 간 메시지 전달 방법을 탐구하며, 인접 객체 호출부터 이벤트 에미터, 다른 쓰레드 통신까지 다양한 패턴을 설명합니다.
웹팩 5.20에서 추가된 clean 옵션을 소개하며, 이전 빌드 결과물을 삭제하는 방법과 keep, dry 옵션 사용법을 설명합니다.
