Jack's Blog https://www.devunpacker.com This is my blog RSS feed React가 얕은 비교로 상태를 감지하는 이유와 불변성의 중요성 https://www.devunpacker.com/blog/react-shallow-comparison-and-immutability React의 성능 최적화에 숨겨진 '얕은 비교'의 원리를 알아본다. 왜 배열에 push를 쓰면 리렌더링이 안 되는지, 불변성을 지켜야 하는 이유가 무엇인지 실제 코드를 통해 설명한다. Wed, 17 Sep 2025 00:00:00 GMT 바이브 코딩으로 만든 PR 자동 요약, 써보니 괜찮음 https://www.devunpacker.com/blog/pr-auto-summary-claude-ai PR을 생성하면 Claude가 코드 변경사항을 분석하고 제목, 요약, 변경사항, 영향도까지 자동으로 채워주는 GitHub Actions 워크플로우를 만들었습니다. 리뷰 효율과 일관성을 높이는 방법을 소개합니다. Fri, 27 Jun 2025 00:00:00 GMT 프론트엔드 선택 상태, 배열로 괜찮을까? https://www.devunpacker.com/blog/frontend-selection-state-array-vs-set-map 선택 상태를 배열로 관리할 때의 문제와 Set, Map, WeakMap을 활용한 실용적인 해결 방법을 설명합니다. Sat, 21 Jun 2025 00:00:00 GMT 🎬 웹에서 구현한 다양한 비디오 Crop 방식 비교기 https://www.devunpacker.com/blog/react-compare-video-crop-methods 🎬 웹에서 구현한 다양한 비디오 Crop 방식 비교기 Thu, 29 May 2025 00:00:00 GMT 다운로드 상태에 따른 폴링 제어: TanStack Query refetchInterval 함수형 패턴 https://www.devunpacker.com/blog/tanstack-query-refetchinterval-polling-control TanStack Query의 refetchInterval 함수형 패턴을 활용해 다운로드 상태에 따라 폴링을 자동으로 중단하는 방법을 알아봅니다. Tue, 15 Apr 2025 00:00:00 GMT Next.js 리다이렉트 이슈: 헤더 차이로 발생한 오류와 해결책 https://www.devunpacker.com/blog/nextjs-solving-redirect-header-issues Next.js 미들웨어에서 리다이렉트 문제를 해결한 경험과 프록시 환경에서 request.headers.get('host')를 사용해야 하는 이유를 공유합니다. Sat, 12 Apr 2025 00:00:00 GMT [Javascript] CLI 만들기 이모저모 https://www.devunpacker.com/blog/javascript-make-cli CLI 도구 개발에 대한 이론적 내용을 정리해보았다. Fri, 28 Mar 2025 00:00:00 GMT FSD eslint 설정 https://www.devunpacker.com/blog/eslint-for-fsd FSD 아키텍처에서 적용할 수 있는 eslint 설정 Sun, 02 Feb 2025 00:00:00 GMT [JavaScript] 배열의 특정 값만 추출하기 https://www.devunpacker.com/blog/javascript-array-destructuring-with-index 구조분해 할당으로 배열의 특정 값을 추출하는 다양한 방법과 새로운 패턴 소개 Wed, 22 Jan 2025 00:00:00 GMT [JavaScript] forEach 메서드에서 탈출하기 https://www.devunpacker.com/blog/javascript-escape-for-each forEach 메서드의 제약사항을 이해하고 대안을 알아보기 Fri, 10 Jan 2025 00:00:00 GMT 2024 Recap https://www.devunpacker.com/blog/2024-recap 짤막하게 돌아보는 2024 Wed, 01 Jan 2025 00:00:00 GMT 두려움이 없는 조직 https://www.devunpacker.com/blog/fearless-org 두려움이 없는 조직이란 무엇일까 Mon, 18 Nov 2024 00:00:00 GMT 항해 플러스의 두 번째 코스, 클린코드를 마치며 - FSD 편 https://www.devunpacker.com/blog/hanghae-3rd-fsd 항해 플러스의 두 번째 코스, 클린코드를 마치며 - FSD 편 Sat, 02 Nov 2024 00:00:00 GMT [Typescript] satisfies 키워드 https://www.devunpacker.com/blog/typescript-satisfies-keyword [Typescript] satisfies 키워드 Sat, 27 Apr 2024 00:00:00 GMT App Router에서 반응형 이미지 다루는 세가지 방법 https://www.devunpacker.com/blog/nextjs-app-router-image App Router에서 반응형 이미지 다루는 세가지 방법 Mon, 29 Jan 2024 00:00:00 GMT Date 이슈 in Safari https://www.devunpacker.com/blog/break-issue-safari-date Date 이슈 in Safari Mon, 27 Nov 2023 00:00:00 GMT 아임포트 이슈 발견 및 해결 과정 https://www.devunpacker.com/blog/break-issue-iamport 아임포트 이슈 발견 및 해결 과정 Sat, 28 Jan 2023 00:00:00 GMT Next.js 13, Route Groups https://www.devunpacker.com/blog/nextjs-route-groups Next.js 13, Route Groups Wed, 07 Dec 2022 00:00:00 GMT AbortController 파헤치기 https://www.devunpacker.com/blog/javascript-abort-controller AbortController 파헤치기 Sat, 19 Nov 2022 00:00:00 GMT 콜 스택 (Call Stack) https://www.devunpacker.com/blog/javascript-call-stack 콜 스택 (Call Stack) Sat, 19 Nov 2022 00:00:00 GMT Next.js 13, Page Extensions https://www.devunpacker.com/blog/nextjs-page-extensions Next.js 13, Page Extensions Thu, 17 Nov 2022 00:00:00 GMT 빅오 표기법 (Big O Notation) https://www.devunpacker.com/blog/programming-big-o-notation 빅오 표기법 (Big O Notation) Thu, 17 Nov 2022 00:00:00 GMT AWS Amplify Next.js 동적 경로(Dynamic Routes) 설정하기 https://www.devunpacker.com/blog/aws-amplify-dynamic-routes AWS Amplify Next.js 동적 경로(Dynamic Routes) 설정하기 Wed, 16 Nov 2022 00:00:00 GMT AWS CodeBuild Webhook 이벤트 설정하기 https://www.devunpacker.com/blog/aws-codebuild-webhook AWS CodeBuild Webhook 이벤트 설정하기 Wed, 16 Nov 2022 00:00:00 GMT 스크롤바 커스텀 하기 https://www.devunpacker.com/blog/css-scrollbar 스크롤바 커스텀 하기 Wed, 16 Nov 2022 00:00:00 GMT @supports 파헤치기 https://www.devunpacker.com/blog/css-supports-feature @supports 파헤치기 Wed, 16 Nov 2022 00:00:00 GMT Google Analytics 4 세팅 01 https://www.devunpacker.com/blog/ga4-setting-01 Google Analytics 4 세팅 01 Wed, 16 Nov 2022 00:00:00 GMT Javascript export 파헤치기 https://www.devunpacker.com/blog/javascript-export Javascript export 파헤치기 Wed, 16 Nov 2022 00:00:00 GMT Javascript import 파헤치기 https://www.devunpacker.com/blog/javascript-import Javascript import 파헤치기 Wed, 16 Nov 2022 00:00:00 GMT 단항 연산자 알아보기 https://www.devunpacker.com/blog/javascript-unary-operator 단항 연산자 알아보기 Wed, 16 Nov 2022 00:00:00 GMT 프레임워크와 라이브러리의 차이 https://www.devunpacker.com/blog/programming-diff-framework-library 프레임워크와 라이브러리의 차이 Wed, 16 Nov 2022 00:00:00 GMT 네이밍 컨벤션 파헤치기 https://www.devunpacker.com/blog/programming-naming-convention 네이밍 컨벤션 파헤치기 Wed, 16 Nov 2022 00:00:00 GMT react-markdown에서 image css 적용하기 https://www.devunpacker.com/blog/reactjs-custom-react-markdown react-markdown에서 image css 적용하기 Wed, 16 Nov 2022 00:00:00 GMT env 파헤치기 https://www.devunpacker.com/blog/reactjs-env env 파헤치기 Wed, 16 Nov 2022 00:00:00 GMT 이미지를 어디에 저장할까 https://www.devunpacker.com/blog/reactjs-save-image 이미지를 어디에 저장할까 Wed, 16 Nov 2022 00:00:00 GMT setState 파헤치기 https://www.devunpacker.com/blog/reactjs-set-state setState 파헤치기 Wed, 16 Nov 2022 00:00:00 GMT [Typescript] tsconfig 절대경로 설정하기 https://www.devunpacker.com/blog/typescript-path-alias [Typescript] tsconfig 절대경로 설정하기 Wed, 16 Nov 2022 00:00:00 GMT 부동 소수점이란, What is floating point https://www.devunpacker.com/blog/javascript-floating-point 부동 소수점이란, What is floating point Wed, 09 Nov 2022 00:00:00 GMT Bitbucket Merge Issue https://www.devunpacker.com/blog/bitbucket-merge-issue "Bitbucket Merge Issue", Mon, 09 May 2022 00:00:00 GMT