🙋‍♂️ About Me

프론트엔드 개발자이며, 사용자 경험과 성능에 집중하여 웹 서비스를 만듭니다. React와 Next.js를 주로 사용하며, 사이드 프로젝트와 기술 블로그 작성에도 열정이 있습니다.

📌 최신 포스트

최근 작성한 포스트들을 소개합니다. 기술 이야기, 개발 일지 등을 기록하고 있어요.

• JavaScript📅 20260417

  DOM & Browser Rendering

  브라우저에서 렌더링되는 과정은 체계적이고 단계적으로 이루어집니다. 브라우저가 단순한 HTML 텍스트를 어떻게 이해하고, 실제 화면으로 그래내는지 전체 흐름을 정리하였습니다. 브라우저는 HTML을 한 번에 읽는 게 나이라, 아래와 같은 단계적 변환을 거쳐 DOM(DOCUMENT OBJECT MODEL)을 만듭니다. Bytes → Characters → Tok...

  더 보기
• JavaScript📅 20260413

  ESM

  ESM(ECMAScript Modules)은 JavaScript의 공식 모듈 시스템입니다. import something from "module"; export default something; 기존 CommonJS(require, module.exports)를 대체하기 위해 등장했습니다. 브라우저 표준이 아님 동기 방식 → 성능 한계 정...

  더 보기
• React📅 20260408

  HydrationBoundary

  HydrationBoundary는 TanStack Query에서 서버에서 PREFETCH한 데이터를 클라이언트로 전달(HYDRATE)하기 위한 컴포넌트입니다. Next.js 환경에서 SSR + React Query를 함께 사용할 때 필수적으로 사용합니다. Next.js와 같은 SSR 환경에서: 서버에서 데이터 fetch HTML 생성 후 클라이언트로 전달 ...

  더 보기
• React📅 20260406

  useMutation

  useMutation은 서버 데이터를 생성 / 수정 / 삭제할 때 사용하는 훅입니다. useQuery → 데이터 조회 (GET) useMutation → 데이터 변경 (POST, PUT, DELETE) 👉 사용자 이벤트 기반으로 실행되며 자동 실행되지 않습니다. const { mutate, isPending, isSuccess, isError } = us...

  더 보기

🛠️ Projects

프론트엔드 개발자이며, 사용자 경험과 성능에 집중하여 웹 서비스를 만듭니다. React를 주로 사용하며, 사이드 프로젝트와 기술 블로그 작성에도 열정이 있습니다.