해비

웹퍼블리싱 실무를 바탕으로 React, Next.js, TypeScript와 프론트엔드 문제 해결 과정을 기록합니다.

총 369개의 글

개발환경 15분 2026.07.21

목표는 Yarn Classic 1.x와 Modern의 설정·설치 방식을 구분하고 저장소가 고정한 버전으로 스크립트를 실행하는 것입니다. Node.js와 package.json 기본 구조를 알고 시작합니다. 새 학습 프로젝트와…

개발환경 15분 2026.07.21

목표는 pnpm의 의존성 연결 방식을 이해하고 두 로컬 패키지를 workspace 프로토콜로 연결하는 것입니다. Node.js 스크립트와 package.json 기초가 필요합니다. 설치 도구 버전·lockfile·workspa…

IT·AI 소식 · 2026 16분 2026.07.21

AEO와 GEO가 SEO와 어떻게 다른지 설명하고, Google AI 검색에서도 유효한 콘텐츠 품질·구조·측정 기준과 과장된 최적화 주장을 구분합니다.

Supabase · 고급 21분 2026.07.20

Next.js App Router의 서버/클라이언트 컴포넌트와 기본 로그인을 알고 있다는 전제에서, 요청 쿠키가 사용자 검증과 세션 갱신을 거쳐 응답으로 돌아가는 경로를 추적합니다. 예제 코드는 SSR 경계 설명용이며 로그인…

Supabase · 초급 21분 2026.07.20

Next.js App Router에서 Supabase 프로젝트 생성, SDK 설치, 환경 변수 연결, 서버 클라이언트 초기화, RLS 설정과 public posts 첫 조회까지 처음부터 순서대로 실습합니다.

Supabase · 중급 16분 2026.07.20

관계형 테이블·기본 SQL을 알고 있다는 전제에서, 같은 주문 앱을 세 서비스로 만들 때 인증·쿼리·파일 저장의 책임이 어디에 생기는지 설명합니다. 가격 순위가 아니라 팀이 작성하고 운영할 코드를 기준으로 선택합니다.

업무·자동화 14분 2026.07.16

쇼츠 자동화 전 content_id와 대본·렌더·승인 버전을 정하고 실패 단계에서 중복 없이 재개하는 n8n·Make 운영 기준입니다.

Next.js · 고급 21분 2026.07.16

Next.js 16.2.10에서 middleware.ts를 proxy.ts로 옮길 때 Node.js runtime 고정, Edge 예외, matcher, 지원 API, 테스트와 배포 검증을 정확히 정리합니다.

Next.js · 초급 16분 2026.07.15

App Router의 [slug], params Promise, useParams, generateStaticParams, catch-all과 실무 404·slug 변경 정책을 예제로 정리합니다.

JavaScript · 초급 25분 2026.07.15

선택 심화로 GSAP 기본 메서드와 timeline을 익히고 재생·초기화·동작 줄이기를 갖춘 예제로 확인합니다.