Yarn 기초 사용법: 설치부터 패키지 관리까지 처음 배우는 개발자를 위한 정리
Yarn의 역할부터 설치 확인, yarn install, yarn add, yarn add -D, yarn remove, yarn run, yarn.lock까지 Node.js 프로젝트에서 자주 쓰는 기본 사용법을 작업 흐름에…
BlogFlow 기술 노트
프론트엔드 기술 블로그
처음 원리를 잡는 분과 실무에서 바로 답을 찾는 개발자가 함께 읽을 수 있도록, 문제의 원인부터 적용 기준까지 정리합니다.
전체 글
pnpm 기초 사용법: 빠른 패키지 매니저 Performant NPM 시작하기
npm을 써본 개발자를 위해 pnpm의 개념, 설치 방법, 기본 명령어, 기존 프로젝트 적용 시 주의할 점을 실무 흐름에 맞춰 정리합니다.
AEO, GEO, SEO 차이와 실무 적용법: AI 검색 시대의 콘텐츠 전략
AEO, GEO, SEO의 차이와 역할을 비교하고 AI 검색 시대에 콘텐츠를 어떻게 설계하고 개선해야 하는지 실무 관점에서 정리합니다.
Supabase 서버 사이드 인증과 SSR 헬퍼 패키지 이해하기
Next.js 같은 SSR 환경에서 Supabase Auth 세션을 쿠키 기반으로 읽고 갱신하는 이유와 @supabase/ssr 헬퍼 패키지의 역할을 정리합니다.
Next.js에서 Supabase 사용하는 법: 설정부터 데이터 조회까지
Next.js App Router 프로젝트에 Supabase를 연결하는 기본 흐름을 Supabase 프로젝트 준비, 환경 변수 설정, 클라이언트 구성, 데이터 조회, 인증 확장, 배포 전 확인 사항 순서로 정리합니다.
Supabase, Neon, Firebase SQL Connect 차이 총정리: PostgreSQL 백엔드 선택 기준
Supabase, Neon, Firebase SQL Connect의 핵심 차이를 백엔드 플랫폼, 서버리스 PostgreSQL, Firebase SQL 연동 관점에서 비교하고 프로젝트 상황별 선택 기준을 정리합니다.
n8n과 Make.com으로 쇼츠 자동화하기 전 반드시 준비할 것들
n8n과 Make.com으로 쇼츠 자동화를 시작하기 전에 준비해야 할 콘텐츠 구조, 데이터 흐름, 파일 관리, 검수 기준, 도구 선택 기준을 실무 관점에서 정리합니다.
Next.js 16 Proxy 마이그레이션: Node.js Runtime·matcher 검증
Next.js 16.2.10에서 middleware.ts를 proxy.ts로 옮길 때 Node.js runtime 고정, Edge 예외, matcher, 지원 API, 테스트와 배포 검증을 정확히 정리합니다.
Next.js 동적 라우트 완전 정리: [slug], params, catch-all
App Router의 [slug], params Promise, useParams, generateStaticParams, catch-all과 실무 404·slug 변경 정책을 예제로 정리합니다.
GSAP이 처음일 때 기초 사용법: 설치부터 기본 애니메이션까지
GSAP을 처음 사용하는 초보자를 위해 CDN과 npm 설치, gsap.to(), gsap.from(), gsap.fromTo(), duration, ease, stagger, timeline까지 기본 사용법을 순서대로 정리한…
Next.js Metadata API 완전 정리: 정적 metadata와 generateMetadata
Next.js App Router에서 metadata, generateMetadata, title 템플릿, canonical, Open Graph, robots를 최신 params Promise 예제로 정리합니다.
Zustand persist 마이그레이션 기준: 저장된 상태 구조가 바뀔 때
Zustand persist에서 저장된 상태 구조가 바뀔 때 version과 migrate가 필요한 기준을 정리합니다. 필드 추가, 필드명 변경, 중첩 구조 변경, 값 의미 변경, partialize 변경 사례를 중심으로 운영…