글 목록

소규모 프론트엔드 팀에서 디자인 시스템을 2년 운영하며 바꾼 것들

4명의 프론트엔드 팀에서 디자인 시스템을 2년 동안 운영하며 빌드, 스타일 우선순위, API 친숙도, 토큰, 문서화를 어떻게 바꿔왔는지 정리합니다.

하네스 엔지니어링에 대한 개인적인 기록

AI 코딩 에이전트를 더 예측 가능하게 쓰기 위해 하네스를 어떻게 이해하고, 어떤 워크플로우를 거쳐왔는지 정리합니다.

React2Shell(CVE-2025-55182) 취약점 분석

React2Shell(CVE-2025-55182) 취약점 분석

Next.js에서 자동화된 로깅 구조 만들기

서버 사이드와 클라이언트 사이드를 아우르는 자동화된 로깅 전략과 구현 방법을 알아봅니다.

SolidJS 사용기: React와 닮아있다.

웹개발은 React로만 하고 있었는데, SolidJS를 사용해보며 느낀 것들을 정리했습니다.

2024년 회고

새로운 회사에 잘 정착하고, 지내온 것들에 대해 이야기합니다.

주니어 개발자의 디자인 시스템 구축 회고

이직 후 처음 맡은 디자인 시스템 구축 프로젝트의 중간 과정에서 느낀 점들을 공유합니다.

주니어 프론트엔드 개발자 이직 면접 회고

3년차가 이직하면서 경험한 면접들에 대해 정리하였습니다.

React Hook Form에서 Next.js Server Actions 사용하기

React Hook Form으로 Next.js 14에서 추가된 ServerActions와 Zod를 이용한 Input 검증 방법에 대해 작성하였습니다.

React 상태 관리 라이브러리 비교하기

Context-API, Recoil, Redux, Zustand에 대해 비교해보겠습니다.

Storybook으로 Next.js RSC 테스트하기

Storybook과 MSW로 React Server Components의 인터랙션을 테스트하는 방법에 대해 알아봅니다.

프로젝트 ESLint 설정 in VSCode

코드 컨벤션을 유지하기 위한 ESLint 설정 방법

2023년 회고

올 해 부턴 매년 회고를 남겨보기로 했다.

검색엔진최적화 SEO

검색엔진최적화 SEO 방법을 소개합니다.

메모리 사용량을 줄이는 JS 코드 패턴

메모리 사용량을 줄이는 JS 코드 패턴에 대해 알아보자

React Query로 비동기 컴포넌트 개발하기

선언형으로 비동기 요청에 대한 로딩, 에러, 캐싱 처리를 구현합니다.

JavaScript의 비동기 처리

JavaScript의 비동기 처리에 대해 알아보자

React Query vs SWR

React Query와 SWR의 차이점