🙋♂️ About Me
프론트엔드 개발자이며, 사용자 경험과 성능에 집중하여 웹 서비스를 만듭니다. React와 Next.js를 주로 사용하며, 사이드 프로젝트와 기술 블로그 작성에도 열정이 있습니다.
📌 최신 포스트
최근 작성한 포스트들을 소개합니다. 기술 이야기, 개발 일지 등을 기록하고 있어요.
- React📅 20260126
useFormStatus
useFormStatus는 Next.js App Router 환경에서 FORM 제출 상태(PENDING, SUBMISSION) 를 관리하기 위한 Hook입니다. useActionState가 서버 액션의 결과 상태를 다루는 Hook이라면, useFormStatus는 FORM 제출 그 자체의 상태를 다루는 Hook이라고 보면 됩니다. FORM 제출 상태(PEN...
더 읽기 - React📅 20260124
useActionState
useActionState는 React 19 / Next.js App Router 환경에서 SERVER ACTION의 실행 상태와 결과를 클라이언트에서 안전하게 관리하기 위해 제공되는 Hook입니다. 기존의 useState + form + fetch 패턴을 대체하며, 👉 폼 제출, 서버 로직 실행, 결과 반영을 하나의 흐름으로 묶어주는 역할을 합니다. S...
더 읽기 - JavaScript📅 20260123
AbortController
AbortController는 JavaScript에서 이미 시작된 비동기 작업(FETCH 등)을 중단(ABORT) 하기 위해 제공되는 표준 WEB API입니다. 특히 네트워크 요청이 빈번한 SPA / React / Next.js 환경에서 👉 불필요한 요청, 메모리 누수, 레이스 컨디션을 방지하는 데 핵심적인 역할을 합니다. 비동기 작업에 취소 신호(ABO...
더 읽기 - Next.js📅 20260122
RCE 보안 취약점 대응
React Server Components(RSC)에서 인증 없이 서버 코드 실행이 가능한 치명적인 보안 취약점이 발견되었고, Next.js를 포함한 여러 프레임워크에 영향을 미쳤습니다. 이번 이슈는 애플리케이션 코드 문제가 아니라, 프레임워크 레벨의 취약점이었으며 React / Next.js 버전 업그레이드를 통해서만 해결이 가능합니다. React Ser...
더 읽기
🛠️ Projects
프론트엔드 개발자이며, 사용자 경험과 성능에 집중하여 웹 서비스를 만듭니다. React를 주로 사용하며, 사이드 프로젝트와 기술 블로그 작성에도 열정이 있습니다.
내부 API 헬스 체크 시스템 구축
내부 API 상태를 실시간으로 모니터링하고 장애 대응 속도를 50% 이상 단축한 대시보드형 헬스 체크 시스템 개발
D-Book 디지털 교재 서비스 개발
디지털 교재 플랫폼 D-Book의 서비스 기획부터 개발, 운영까지 전반을 주도
여행사 예약 플랫폼 개발
국내 여행사 웹/모바일 플랫폼 개발과 예약 시스템 구축을 통해 사용자 편의성과 운영 효율성 강화
전자영수증 스탬프 시스템 관리자 페이지 개발
전자영수증 가맹점 대상 스탬프 템플릿 등록, 관리 및 알림톡 발송 관리자 페이지 개발로 업무 효율성 증대