hyunwoo.dev
hyunwoo.dev

© 2025. Cha Hyun Woo. All rights reserved.

React SPA에서 Keycloak 인증 구현하기
Frontend2026년 1월 18일

React SPA에서 Keycloak 인증 구현하기

keycloak-js를 사용한 SSO 인증과 토큰 갱신 전략

ReactAuthenticationKeycloak
모노레포, 왜 진작 안 했을까
Frontend2026년 1월 16일

모노레포, 왜 진작 안 했을까

Turborepo + React 19 + Tailwind 4 환경에서 겪은 시행착오

TurborepoMonorepoReactTailwind
Zod + React Hook Form, 폼 검증의 정석
Frontend2025년 12월 15일

Zod + React Hook Form, 폼 검증의 정석

스키마 기반 검증과 타입 추론으로 폼 개발 제대로 하기

ZodReact Hook FormTypeScriptForm
TanStack Router, 타입 안전한 라우팅의 신세계
Frontend2025년 11월 29일

TanStack Router, 타입 안전한 라우팅의 신세계

React Router 쓰다가 TanStack으로 넘어온 이유

TanStackRouterReact QueryTypeScript
Axios? 이제 Ky 씁니다
Frontend2025년 11월 3일

Axios? 이제 Ky 씁니다

3KB짜리 Fetch 래퍼로 HTTP 클라이언트 교체한 후기

HTTP ClientKyAxiosTypeScript
JWT 인증, 제대로 이해하고 구현하기
Frontend2025년 10월 20일

JWT 인증, 제대로 이해하고 구현하기

Access Token과 Refresh Token의 동작 원리부터 React/Next.js 구현까지

AuthenticationJWTReactNext.js
ESLint + Prettier, 이제 Biome 하나로 끝
Frontend2025년 10월 6일

ESLint + Prettier, 이제 Biome 하나로 끝

Rust 기반 올인원 린터/포매터로 갈아타기

BiomeESLintPrettierDX
프론트엔드 프로젝트 초기 설정 가이드
Frontend2025년 9월 28일

프론트엔드 프로젝트 초기 설정 가이드

PL 관점에서 정리한 폴더 구조, 린터, 커밋 컨벤션 설정

ArchitectureBiomeHusky
FSD, 폴더 구조 고민의 끝판왕
Frontend2025년 9월 15일

FSD, 폴더 구조 고민의 끝판왕

Feature First의 한계를 넘어 Feature-Sliced Design으로

ArchitectureFSDReact
프론트엔드 기술 면접 질문 정리
Frontend2025년 3월 31일

프론트엔드 기술 면접 질문 정리

직접 면접을 보며 받았던 질문 및 내가 보려고 만든 질의응답

InterviewProgramming
Vercel 배포 시 Region 설정의 중요성
Frontend2025년 3월 30일

Vercel 배포 시 Region 설정의 중요성

배포 지역 설정이 블로그 성능에 미치는 영향

Vercel
블로그에 댓글 기능 추가하기
Frontend2025년 3월 28일

블로그에 댓글 기능 추가하기

giscus를 사용한 댓글 기능 구현

Next.jsGiscus
업그레이드 된 Next.js 15로 블로그 마이그레이션
Frontend2025년 3월 27일

업그레이드 된 Next.js 15로 블로그 마이그레이션

Next 15를 사용한 블로그 개발 과정, 그리고 shadcn/ui와 next-mdx-remote

Next.jsTailwindShadcn
Next 13에서 Next 15로 마이그레이션 준비
Frontend2025년 3월 25일

Next 13에서 Next 15로 마이그레이션 준비

Next 15에서 새로워진 것들과 페이지 라우터와 앱 라우터의 차이점

Next.jsReact
[Enact] 포커스를 담당하는 고차컴포넌트 (HOC)
Frontend2024년 1월 15일

[Enact] 포커스를 담당하는 고차컴포넌트 (HOC)

HOC의 개념과 실제 포커싱 처리 예시

EnactHOC
[Enact] 패널(Panel) 사용하기
Frontend2024년 1월 7일

[Enact] 패널(Panel) 사용하기

패널(Panel) 사용 방법과 예시

Enact
[Enact] Enact 프레임워크 기본 개념 및 예시
Frontend2024년 1월 2일

[Enact] Enact 프레임워크 기본 개념 및 예시

새 프로젝트 진행에 앞서 내가 보려고 만드는 Enact 프레임워크 정리

Enact
PWA의 기본 개념과 셋팅
Frontend2023년 12월 16일

PWA의 기본 개념과 셋팅

Next.js를 사용해서 내 웹 어플리케이션을 PWA로 만들기

PWANext.js
debounce와 throttle에 대해서
Frontend2023년 11월 12일

debounce와 throttle에 대해서

개념 정리와 현업에서 적용 사례 예시

JavascriptDebounceThrottle
Next-Auth를 사용해서 로그인 구현하기
Frontend2023년 10월 25일

Next-Auth를 사용해서 로그인 구현하기

카카오 서비스를 이용해서 OAuth 기능 구현

Next.jsOAuth
블로그에 방명록 기능 추가하기
Frontend2023년 10월 20일

블로그에 방명록 기능 추가하기

Supabase를 사용한 방명록 기능 구현

SupabaseNext.js
Next.js 13을 사용해서 블로그 개발하기
Frontend2023년 10월 18일

Next.js 13을 사용해서 블로그 개발하기

Next.js 13을 사용한 블로그 개발 과정, 그리고 tailwind와 contentlayer

Next.jsTailwindContentlayer