글 목록
하네스 엔지니어링에 대한 개인적인 기록
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의 차이점