https://github.com/GitHubGW/blog GW.dev's Blog ko-kr kowonp@gmail.com (GW) kowonp@gmail.com (GW) Wed, 21 Oct 2026 00:00:00 GMT https://github.com/GitHubGW/blog/claude-code-guide https://github.com/GitHubGW/blog/claude-code-guide Claude Code의 아키텍처와 내부 동작 원리를 살펴보고, 핵심 기능부터 프로젝트 설정과 실전에서의 효과적인 활용 방법까지 정리합니다. Wed, 21 Oct 2026 00:00:00 GMT kowonp@gmail.com (GW) ai https://github.com/GitHubGW/blog/shadcn-carousel-external-store https://github.com/GitHubGW/blog/shadcn-carousel-external-store shadcn/ui Carousel에서 발생한 ESLint 오류 원인을 분석하고, Embla의 상태를 useSyncExternalStore로 구독하도록 개선한 과정을 정리합니다. Tue, 08 Sep 2026 00:00:00 GMT kowonp@gmail.com (GW) reactopen-source https://github.com/GitHubGW/blog/nextjs-seo-considerations-part2 https://github.com/GitHubGW/blog/nextjs-seo-considerations-part2 Sitemap과 robots.txt를 중심으로 URL 발견과 크롤링을 관리하고, Next.js의 환경별 SEO 정책과 검색 노출을 검증하는 방법을 살펴봅니다. Sat, 29 Aug 2026 00:00:00 GMT kowonp@gmail.com (GW) frontendnextjs https://github.com/GitHubGW/blog/nextjs-seo-considerations-part1 https://github.com/GitHubGW/blog/nextjs-seo-considerations-part1 검색 엔진의 동작 원리부터 렌더링 전략, Metadata, Canonical, JSON-LD까지 Next.js SEO의 핵심 요소를 살펴봅니다. Sun, 16 Aug 2026 00:00:00 GMT kowonp@gmail.com (GW) frontendnextjs https://github.com/GitHubGW/blog/handling-heic-images-in-ios-webview https://github.com/GitHubGW/blog/handling-heic-images-in-ios-webview iOS WebView의 HEIC 이미지 업로드 문제를 해결하며 이미지 변환, EXIF Orientation, Canvas 재인코딩과 모듈 로딩 최적화를 살펴봅니다. Sun, 05 Jul 2026 00:00:00 GMT kowonp@gmail.com (GW) mobilewebview https://github.com/GitHubGW/blog/webview-to-multiplatform https://github.com/GitHubGW/blog/webview-to-multiplatform WebView 중심으로 동작하던 서비스를 PC 웹으로 확장하면서 플랫폼마다 달랐던 Native Bridge, 인증, 위치 정보, 라우팅을 공통 인터페이스로 분리하고 구버전 앱의 호환성까지 대응한 과정을 정리합니다. Tue, 09 Jun 2026 00:00:00 GMT kowonp@gmail.com (GW) mobilewebview https://github.com/GitHubGW/blog/optimizing-monorepo-tasks-with-turborepo https://github.com/GitHubGW/blog/optimizing-monorepo-tasks-with-turborepo 여러 앱과 공통 패키지가 존재하는 모노레포에서 Turborepo의 Task Graph와 캐시를 활용해 작업 실행 구조를 설계하고 반복 작업을 줄이는 과정을 살펴봅니다. Tue, 26 May 2026 00:00:00 GMT kowonp@gmail.com (GW) frontendturborepo https://github.com/GitHubGW/blog/building-reusable-ui-architecture https://github.com/GitHubGW/blog/building-reusable-ui-architecture 공통 UI를 패키지로 분리하고 Subpath Exports, Radix UI, CVA를 활용해 재사용 가능한 UI 아키텍처를 설계한 과정을 정리합니다. Sun, 10 May 2026 00:00:00 GMT kowonp@gmail.com (GW) frontendcss https://github.com/GitHubGW/blog/migrating-nextjs-12-to-14 https://github.com/GitHubGW/blog/migrating-nextjs-12-to-14 운영 중인 Next.js 서비스의 메이저 버전을 단계적으로 업그레이드하며 확인한 변경 사항과 의존성, 마이그레이션 전략을 정리합니다. Thu, 23 Apr 2026 00:00:00 GMT kowonp@gmail.com (GW) nextjs https://github.com/GitHubGW/blog/sentry-frontend-error-tracking https://github.com/GitHubGW/blog/sentry-frontend-error-tracking Sentry를 활용해 클라이언트와 서버 오류를 수집하고, 불필요한 오류를 필터링하며, 디버깅 정보와 Source Map을 통해 운영 오류의 원인을 추적하는 과정을 정리합니다. Mon, 02 Mar 2026 00:00:00 GMT kowonp@gmail.com (GW) frontendsentry https://github.com/GitHubGW/blog/how-to-design-react-query-cache-for-infinite-scroll https://github.com/GitHubGW/blog/how-to-design-react-query-cache-for-infinite-scroll TanStack Query(구 React Query)로 무한 스크롤을 구현하며 서버 상태 캐싱, 캐시 수명 관리, 낙관적 업데이트, 렌더링 최적화를 고민한 과정을 정리합니다. Sat, 14 Feb 2026 00:00:00 GMT kowonp@gmail.com (GW) tanstack-query https://github.com/GitHubGW/blog/migrating-styled-components-to-emotion https://github.com/GitHubGW/blog/migrating-styled-components-to-emotion styled-components에서 Emotion으로 점진적으로 마이그레이션하며 스타일링 구조 개선과 React Server Components 시대의 CSS-in-JS까지 살펴봅니다. Wed, 21 Jan 2026 00:00:00 GMT kowonp@gmail.com (GW) css https://github.com/GitHubGW/blog/tanstack-query-vs-zustand-state-management https://github.com/GitHubGW/blog/tanstack-query-vs-zustand-state-management TanStack Query(구 React Query)와 Zustand는 모두 상태를 관리하는 라이브러리입니다. 그렇다면 둘은 무엇이 다르고, 실무에서는 왜 함께 사용할까요? Sun, 28 Dec 2025 00:00:00 GMT kowonp@gmail.com (GW) tanstack-queryzustand https://github.com/GitHubGW/blog/optimize-large-lists-in-react https://github.com/GitHubGW/blog/optimize-large-lists-in-react React에서 수천 개의 리스트를 렌더링할 때 발생하는 성능 문제와 Virtualization을 활용해 효율적으로 렌더링하는 방법을 알아봅니다. Mon, 17 Nov 2025 00:00:00 GMT kowonp@gmail.com (GW) react https://github.com/GitHubGW/blog/when-to-use-react-use-effect https://github.com/GitHubGW/blog/when-to-use-react-use-effect useEffect가 필요한 기준을 외부 시스템과의 동기화 관점에서 살펴보고, 계산 가능한 값이나 사용자 이벤트에 Effect를 사용하면 안 되는 이유를 알아봅니다. Sat, 04 Oct 2025 00:00:00 GMT kowonp@gmail.com (GW) react https://github.com/GitHubGW/blog/why-react-fiber-was-created https://github.com/GitHubGW/blog/why-react-fiber-was-created React Fiber는 React 16에서 새롭게 도입된 렌더링 엔진입니다. React는 왜 기존 구조를 버리고 Fiber를 만들었을까요? Sun, 21 Sep 2025 00:00:00 GMT kowonp@gmail.com (GW) react https://github.com/GitHubGW/blog/understanding-react-render-and-commit https://github.com/GitHubGW/blog/understanding-react-render-and-commit React는 state가 변경되면 어떤 과정을 거쳐 화면을 업데이트할까요? Render와 Commit 단계의 역할과 차이를 알아봅니다. Tue, 12 Aug 2025 00:00:00 GMT kowonp@gmail.com (GW) react https://github.com/GitHubGW/blog/how-javascript-garbage-collection-works https://github.com/GitHubGW/blog/how-javascript-garbage-collection-works JavaScript는 사용하지 않는 메모리를 어떻게 찾아 해제할까요? 가비지 컬렉션의 동작 원리와 메모리 누수가 발생하는 이유를 함께 알아봅니다. Sun, 20 Jul 2025 00:00:00 GMT kowonp@gmail.com (GW) javascript https://github.com/GitHubGW/blog/how-javascript-prototype-chain-works https://github.com/GitHubGW/blog/how-javascript-prototype-chain-works JavaScript는 객체에서 프로퍼티를 어떻게 찾을까요? 프로토타입과 프로토타입 체인의 동작 원리를 알아봅니다. Thu, 05 Jun 2025 00:00:00 GMT kowonp@gmail.com (GW) javascript https://github.com/GitHubGW/blog/how-javascript-this-works https://github.com/GitHubGW/blog/how-javascript-this-works this가 함수를 선언한 위치가 아니라 호출한 방식에 따라 결정되는 이유와 다양한 호출 방식에서 this가 어떻게 달라지는지 알아봅니다. Sun, 18 May 2025 00:00:00 GMT kowonp@gmail.com (GW) javascript https://github.com/GitHubGW/blog/how-does-closure-remember-variables https://github.com/GitHubGW/blog/how-does-closure-remember-variables 클로저의 기본 개념부터 렉시컬 스코프와 렉시컬 환경, 함수가 종료된 후에도 변수가 유지되는 이유와 활용 방법까지 살펴봅니다. Mon, 07 Apr 2025 00:00:00 GMT kowonp@gmail.com (GW) javascript https://github.com/GitHubGW/blog/how-lexical-environment-works https://github.com/GitHubGW/blog/how-lexical-environment-works JavaScript는 변수와 함수를 어디에 저장하고 어떻게 찾을까요? 렉시컬 환경과 스코프 체인의 동작 원리를 알아봅니다. Mon, 10 Mar 2025 00:00:00 GMT kowonp@gmail.com (GW) javascript https://github.com/GitHubGW/blog/how-javascript-hoisting-works https://github.com/GitHubGW/blog/how-javascript-hoisting-works 호이스팅이 코드를 위로 이동시키는 현상인지 살펴보고, var·let·const와 함수 선언문이 코드 실행 전에 어떻게 처리되는지 알아봅니다. Tue, 04 Feb 2025 00:00:00 GMT kowonp@gmail.com (GW) javascript https://github.com/GitHubGW/blog/how-javascript-executes-code https://github.com/GitHubGW/blog/how-javascript-executes-code JavaScript는 코드를 어떤 순서로 실행할까요? 실행 컨텍스트와 콜 스택을 중심으로 JavaScript 엔진의 실행 과정을 알아봅니다. Wed, 15 Jan 2025 00:00:00 GMT kowonp@gmail.com (GW) javascript https://github.com/GitHubGW/blog/imperative-vs-declarative-programming https://github.com/GitHubGW/blog/imperative-vs-declarative-programming 명령형과 선언형 프로그래밍의 차이를 How와 What 관점에서 살펴보고, JavaScript와 React 예제를 통해 추상화와 트레이드오프를 정리합니다. Sun, 22 Dec 2024 00:00:00 GMT kowonp@gmail.com (GW) programming