프론트엔드 개발자가 Docker를 알아야 하는 이유
Programming

프론트엔드 개발자가 Docker를 알아야 하는 이유

Keycloak 로컬 테스트하면서 시작한 Docker 입문기

DockerDevOpsBackend
React SPA에서 Keycloak 인증 구현하기
Frontend

React SPA에서 Keycloak 인증 구현하기

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

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

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

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

TurborepoMonorepoReactTailwind
2025년 회고: 퇴사, 프리랜서, 그리고 다음 스텝
Career

2025년 회고: 퇴사, 프리랜서, 그리고 다음 스텝

미드 시니어 개발자의 프리랜서 도전기

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

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

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

ZodReact Hook FormTypeScriptForm
npm, yarn, pnpm 뭐가 다른 건데?
Programming

npm, yarn, pnpm 뭐가 다른 건데?

패키지 매니저 3대장 비교하고 pnpm 정착한 이야기

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

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

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

TanStackRouterReact QueryTypeScript
Axios? 이제 Ky 씁니다
Frontend

Axios? 이제 Ky 씁니다

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

HTTP ClientKyAxiosTypeScript
프론트엔드에서 JWT 인증 제대로 구현하기
Frontend

프론트엔드에서 JWT 인증 제대로 구현하기

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

AuthenticationJWTReactNext.js
ESLint랑 Prettier 버리고 Biome으로 갈아탔다
Frontend

ESLint랑 Prettier 버리고 Biome으로 갈아탔다

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

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

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

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

ArchitectureBiomeHusky
폴더 구조 고민 끝내는 Feature-Sliced Design
Frontend

폴더 구조 고민 끝내는 Feature-Sliced Design

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

ArchitectureFSDReact
내가 보려고 만든 개발 환경 설정 - 맥편
Programming

내가 보려고 만든 개발 환경 설정 - 맥편

맥북만 쓰던 사람의 맥북 개발 환경 설정 포스팅

MacOSDevelopmentEnvironmentSetting
내가 보려고 만든 개발 환경 설정 - 윈도우편
Programming

내가 보려고 만든 개발 환경 설정 - 윈도우편

윈도우에서 맥처럼 개발하기 위한 환경 설정 가이드

WindowsDevelopmentEnvironmentWSL
Storybook 왜 쓰는지 이제야 알겠다
Frontend

Storybook 왜 쓰는지 이제야 알겠다

컴포넌트 문서화 도구를 넘어 디자인 시스템 구축까지

StorybookReactDesignSystemComponent
Node.js란 무엇인가요?
Backend

Node.js란 무엇인가요?

자바스크립트를 브라우저 밖에서 실행할 수 있게 해주는 런타임 환경

JavascriptNode.js
프론트엔드 기술 면접 질문 정리
Frontend

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

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

InterviewProgramming
Vercel 배포 시 Region 설정의 중요성
Frontend

Vercel 배포 시 Region 설정의 중요성

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

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

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

giscus를 사용한 댓글 기능 구현

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

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

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

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

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

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

Next.jsReact
클로저(Closure) 이해하기
Programming

클로저(Closure) 이해하기

자바스크립트 모던 딥다이브를 읽으면서 정리한 클로저의 개념

JavascriptClosure
타입스크립트와 객체지향 프로그래밍 (OOP)
Programming

타입스크립트와 객체지향 프로그래밍 (OOP)

프론트엔드에서의 객체지향 프로그래밍 개념 정리

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

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

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

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

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

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

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

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

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

Enact
PWA의 기본 개념과 셋팅
Frontend

PWA의 기본 개념과 셋팅

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

PWANext.js
debounce와 throttle에 대해서
Frontend

debounce와 throttle에 대해서

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

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

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

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

Next.jsOAuth
블로그에 방명록 기능 추가하기
Frontend

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

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

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

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

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

Next.jsTailwindContentlayer