Vite 프로젝트에서 Vitest로 테스트 환경 시작하기
Vitest를 Node 환경에서 시작하고 정상 금액과 잘못된 입력 8개를 검증합니다. Vite 설정, 타입 검사, 단발 실행과 DOM 확장 기준을 독립 실습으로 익힙니다.
전체 글
AEO 실제 프로젝트 반영 예시: 콘텐츠를 답변 엔진에 맞게 바꾸는 방법
AEO를 실제 콘텐츠 프로젝트에 반영하는 과정을 질문 수집, 기존 콘텐츠 진단, 답변형 구조 설계, 내부 링크와 신뢰 요소 정리, 성과 확인 흐름으로 설명합니다.
Supabase 회원가입 방법: 확인 메일 제목·본문·버튼 문구를 한국어로 바꾸기
Supabase 개발 프로젝트와 HTML 링크 문법을 알고 있다는 전제에서, 확인 메일의 영문 시작본을 한국어 완성본으로 바꾸고 발송·계정 확인·이동 경로를 각각 검사합니다.
React Vite 사용법: Vite 8 프로젝트 생성·실행·빌드
React와 Vite의 역할을 나누고 생성·개발·빌드·미리보기까지 실행합니다. ESM 별칭과 환경 변수 기준, 시작·완성 파일을 제공합니다.
Yarn 사용법: Corepack 설치와 Classic·Modern 차이
목표는 Yarn Classic 1.x와 Modern의 설정·설치 방식을 구분하고 저장소가 고정한 버전으로 스크립트를 실행하는 것입니다. Node.js와 package.json 기본 구조를 알고 시작합니다. 새 학습 프로젝트와…
pnpm 사용법: 설치·기본 명령어·워크스페이스 설정
목표는 pnpm의 의존성 연결 방식을 이해하고 두 로컬 패키지를 workspace 프로토콜로 연결하는 것입니다. Node.js 스크립트와 package.json 기초가 필요합니다. 설치 도구 버전·lockfile·workspa…
AEO·GEO·SEO 차이: Google AI 검색 최적화의 실제 기준
AEO와 GEO가 SEO와 어떻게 다른지 설명하고, Google AI 검색에서도 유효한 콘텐츠 품질·구조·측정 기준과 과장된 최적화 주장을 구분합니다.
Next.js Supabase SSR 인증: @supabase/ssr와 쿠키 설정
Next.js App Router의 서버/클라이언트 컴포넌트와 기본 로그인을 알고 있다는 전제에서, 요청 쿠키가 사용자 검증과 세션 갱신을 거쳐 응답으로 돌아가는 경로를 추적합니다. 예제 코드는 SSR 경계 설명용이며 로그인…
Next.js Supabase 연결 방법: App Router 설정과 데이터 조회
Next.js App Router에서 Supabase 프로젝트 생성, SDK 설치, 환경 변수 연결, 서버 클라이언트 초기화, RLS 설정과 public posts 첫 조회까지 처음부터 순서대로 실습합니다.
Supabase vs Neon vs Firebase Data Connect 차이와 선택 기준
관계형 테이블·기본 SQL을 알고 있다는 전제에서, 같은 주문 앱을 세 서비스로 만들 때 인증·쿼리·파일 저장의 책임이 어디에 생기는지 설명합니다. 가격 순위가 아니라 팀이 작성하고 운영할 코드를 기준으로 선택합니다.
n8n과 Make.com으로 쇼츠 자동화하기 전 반드시 준비할 것들
쇼츠 자동화 전 content_id와 대본·렌더·승인 버전을 정하고 실패 단계에서 중복 없이 재개하는 n8n·Make 운영 기준입니다.
Next.js 16 Proxy 마이그레이션: Node.js Runtime·matcher 검증
Next.js 16.2.10에서 middleware.ts를 proxy.ts로 옮길 때 Node.js runtime 고정, Edge 예외, matcher, 지원 API, 테스트와 배포 검증을 정확히 정리합니다.