글

• 2025-12-02

  npx에 대해 알아보기

  npx와 관련된 개념들을 이해합니다.

• 2025-08-24

  TADD(Test AI Driven Development), AI에 대한 통제권 가져오기

  TADD 작업 방식을 시도해보고 느꼈던 좋은 경험을 기록합니다.

• 2025-05-18

  gs-i18n: Google Sheets와 i18next를 활용한 다국어 관리 CLI 도구 개발기

  Google Sheets와 i18next를 활용하여 다국어 관리를 자동화하는 CLI 도구 개발 과정을 소개합니다.

• 2025-03-30

  어느 날 사라진 styled-components의 theme 타입 (w/ Type vs Interface)

  styled-components의 theme 타입과 관련된 Type과 Interface 이슈 상황을 다룹니다.

• 2025-03-02

  GraphQL은 N+1 문제를 어떻게 해결했을까? (w/ dataloader)

  GraphQL에서 N+1를 해결하기 위해 사용된 dataloader에 대해 알아봅니다.

• 2025-02-16

  yarn과 친해지기

  yarn과 관련된 개념들을 이해합니다.

• 2025-02-01

  Search Console 지표 자동화 - 개발자의 의존성 줄이기

  Search Console 지표 자동화를 통해 개발자의 의존성을 없앤 경험을 공유합니다.

• 2025-01-19

  lodash가 너무 큰데?! - Tree Shaking으로 개선하기

  기존 lodash 라이브러리를 lodash-es로 교체한 과정에서 학습한 내용을 기록합니다.

• 2024-12-22

  직접 만든 라이브러리로 배우는 의존성 이슈

  직접 라이브러리를 만들어 사용해보면서 겪은 의존성 이슈에 관한 내용을 다룹니다.

• 2024-11-09

  위대한 레거시, getInitialProps 알아보기

  Next.js의 getInitialProps에 대해 알아봅니다.

• 2024-10-06

  컴포넌트 어떻게 호출하세요? - <Temp />, Temp()의 차이 알아보기

  컴포넌트를 호출하는 방식으로 <Temp />, Temp()의 차이를 알아봅니다.

• 2024-09-20

  pnpm으로 나아가기

  npm에서 pnpm으로 마이그레이션 하는 과정을 기록합니다.

• 2024-07-23

  서비스에 안전장치 마련하기 - ErrorBoundary 적용

  ErrorBoundary를 통해 서비스의 안전성을 더한 경험을 공유합니다.

• 2024-07-04

  Next.js에서의 styled-components 탐구

  Next.js에서 styled-components을 활용하는 과정을 분석합니다.

• 2024-05-29

  Zustand 잘 사용하고 계신가요? - 리팩터링 여정

  프로젝트 내 Zustand 관련 로직을 리팩터링한 경험을 기록합니다.

• 2024-04-28

  postMessage로 다른 창에서 통신하기

  postMessage로 다른 창에서 통신하는 방법에 대해 알아봅니다.

• 2024-04-14

  자바스크립트로 구글 스프레드시트 활용하기

  자바스크립트로 구글 스프레드시트를 활용하는 방법에 대해 알아봅니다.

• 2024-03-31

  TypeScript Strict에 대해 알아보기

  TypeScript Strict 속성에 대해 알아봅니다.

• 2024-03-16

  날짜 라이브러리 리팩터링 (Antd V5 migration)

  혼용해서 쓰이고 있던 날짜 라이브러리들을 Antd V5 마이그레이션을 통해 개선합니다.

• 2024-03-03

  WeakMap에 대해 알아보기

  WeakMap에 대해 알아봅니다.

• 2024-01-27

  TypeScript XOR 타입과 함께 리팩터링

  TypeScript XOR 타입을 활용해서 리팩터링한 과정을 공유합니다.

• 2024-01-09

  비동기 함수에 대하여(await, return, return await)

  비동기 함수의 결과를 다루는 방법에 대해 알아봅니다. await, return, return await의 차이를 이해합니다.

• 2023-12-30

  Supabase와 함께 빠르게 프로젝트 시작하기

  빠르게 프로젝트를 구축할 수 있는 Supabase를 알아봅니다. Next.js 14, 카카오 Oauth, 데이터베이스에 관한 내용을 다룹니다.

• 2023-12-16

  React 동시성에 대해 알아보기

  React에서 사용되는 동시성과 관련된 개념들을 이해합니다.

• 2023-12-09

  useId에 대해 알아보기

  useId와 관련된 개념들을 이해합니다.

• 2023-11-05

  fetch에 대해 알아보기

  fetch와 관련된 개념들을 이해합니다.

• 2023-10-28

  자동화를 향한 첫걸음 - Github Actions

  Github Actions를 활용하면서 자동화를 적용한 과정을 기록합니다.

• 2023-10-22

  혼콕에서 사용되는 React Query 살펴보기

  혼콕 서비스에서 사용되고 있는 React Query의 전반적인 기능에 대해 알아봅니다.

• 2023-10-05

  나만의 컴포넌트 라이브러리 만들어보기

  나만의 컴포넌트 라이브러리를 만들어봅니다.

• 2023-10-03

  선언적으로 코드 작성하는 Suspense 알아보기

  Suspense에 대해 알아보고자 합니다.

• 2023-08-02

  모듈과 함께 알아보는 "Vite는 왜 빠른가?"

  Vite가 왜 빠른지에 대해 자바스크립트 모듈을 알아보며 이해하고자 합니다.

• 2023-06-28

  CSS에 타입을 입히다 (vanilla-extract)

  vanilla-extract에 대해 정리합니다.

• 2023-06-21

  DOM과 친해지기

  DOM과 관련된 용어에 대해 정리합니다.

• 2023-06-07

  참조 복사에 대해 알아보기

  참조 복사와 관련하여 정리합니다.

• 2023-05-31

  ECMA2023에 대해 알아보기 - 배열 메서드 중심으로

  배열 메서드 중심으로 ECMA2023에 대해 정리합니다.

• 2023-05-24

  접근성 트리에 대해 알아보기

  접근성 트리에 대해 정리합니다.

• 2023-05-16

  자바스크립트에서 이루어지는 비교 연산자 알아보기

  자바스크립트에서 이루어지는 비교 연산자에 대해 정리합니다.

• 2023-04-30

  Gatsby - PWA A2HS 기능 구현하기

  PWA의 A2HS와 관련된 작업을 하면서 겪은 과정을 정리합니다.

• 2023-04-03

  Gatsby - TOC 기능 구현하기 (Gastby 프레임워크에 기여한 경험)

  Gatsby에서 TOC 기능을 구현한 과정을 정리합니다.

• 2023-03-30

  Gatsby - 검색엔진 최적화(SEO)하기

  Gatsby에서 검색엔진 최적화(SEO) 과정을 정리합니다.

• 2023-03-29

  Gatsby - 검색 기능 구현하기

  Gatsby에서 검색 기능을 구현한 과정을 정리합니다.

• 2023-03-28

  Gatsby - 카테고리 구현하기

  Gatsby에서 카테고리 기능을 구현한 과정을 정리합니다.

• 2023-03-13

  간단하게 SEO 개선하기

  나만의 웹사이트에서 SEO를 개선시키는 방법에 대해서 알아보겠습니다.