Posts.

기억은 흐려지지만, 기록은 남고, 나눌수록 깊어진다.

시리즈
01#기타01#기타렌더 사이클의 시작React 렌더링 동작 원리 React 렌더링 동작 원리 React 렌더링 동작 원리 React 렌더링 동작 원리 React 렌더링 동작 원리 1 게시물
02#개발01#개발시리즈 네비게이션과 댓글 시스템Next.js 블로그 만들기1 게시물
03#기타CSS 모션 디자인0 게시물
04#기타01#기타Server Components 입문Next.js App Router 깊이 들어가기1 게시물
05#기타TypeScript 고급 타입 패턴0 게시물
06#기타디자인 시스템 만들기0 게시물
07#기타02#기타마이그레이션 의식01#기타RLS 안전한 시작백엔드 데이터 모델링2 게시물
08#기타웹 성능 최적화 노트0 게시물
글 목록
한국어만 제공
기타

Kim JeongHyeon2026년 8월 7일·1 분 소요0 조회·0 좋아요
RLS 안전한 시작
한국어만 제공
기타

백엔드 데이터 모델링 #1 - RLS 안전한 시작

권한을 모델에

Kim JeongHyeon2026년 4월 28일·1 분 소요7 조회·0 좋아요
마이그레이션 의식
한국어만 제공
기타

백엔드 데이터 모델링 #2 - 마이그레이션 의식

예측 가능한 변경

Kim JeongHyeon2026년 4월 28일·1 분 소요2 조회·0 좋아요
기타

Next.js App Router 깊이 들어가기 #1 - Server Components 입문

RSC 입문

Kim JeongHyeon2026년 4월 28일·1 분 소요17 조회·0 좋아요
렌더 사이클의 시작
한국어만 제공
기타

React 렌더링 동작 원리 React 렌더링 동작 원리 React 렌더링 동작 원리 React 렌더링 동작 원리 React 렌더링 동작 원리 #1 - 렌더 사이클의 시작

컴포넌트가 처음 렌더되는 순간

Kim JeongHyeon2026년 4월 28일·1 분 소요6 조회·0 좋아요
시리즈 네비게이션과 댓글 시스템
Pinned
프론트엔드

Next.js 블로그 만들기 #1 - 시리즈 네비게이션과 댓글 시스템

포스트를 시리즈로 묶어 이전/다음 글 네비게이션을 제공하고, 닉네임+비밀번호 기반의 게스트 댓글 시스템을 구축합니다.

#Supabase#Comments#Tutorial
Kim JeongHyeon2026년 2월 23일·5 분 소요84 조회·0 좋아요
Markdown/Rich Text 에디터 구현
Pinned
프론트엔드

Markdown/Rich Text 에디터 구현

Markdown 에디터의 실시간 미리보기, Tiptap 기반 Rich Text 에디터의 커스텀 확장, 이미지 업로드와 정렬 기능을 구현합니다.

#Tiptap#Editor#Tutorial
Kim JeongHyeon2026년 2월 23일·4 분 소요66 조회·1 좋아요
프로젝트 설계와 Supabase 세팅
프론트엔드

프로젝트 설계와 Supabase 세팅

풀스택 블로그를 만들기 위한 기술 스택 선정, 프로젝트 구조 설계, Supabase 프로젝트 생성 및 테이블 스키마 구축까지 다룹니다.

#Supabase#Tutorial
Kim JeongHyeon2026년 2월 23일·3 분 소요25 조회·0 좋아요
GSAP ScrollTrigger로 가로 스크롤 갤러리 만들기
한국어만 제공
프론트엔드

GSAP ScrollTrigger로 가로 스크롤 갤러리 만들기

GSAP ScrollTrigger를 활용한 가로 스크롤 갤러리 구현 과정과 무한 래핑, 반응형 처리 방법.

#GSAP#ScrollTrigger#Gallery#Responsive
Kim JeongHyeon2026년 2월 22일·2 분 소요33 조회·0 좋아요
레니스로 무한 스크롤 루프 구축하기
프론트엔드

레니스로 무한 스크롤 루프 구축하기

레니스, 브리지 섹션 및 몇 가지 CSS 트릭을 사용하여 매끄러운 무한 스크롤을 구현한 방법.

#Lenis#Scroll#Animation
Kim JeongHyeon2026년 2월 22일·1 분 소요63 조회·0 좋아요