#프레임워크

129 편의 글

장고 기초 #2 프로젝트 셋업 — uv + django-admin startproject
5 분 소요

장고 기초 #2 프로젝트 셋업 — uv + django-admin startproject

uv로 Django 5 프로젝트를 만들고, startproject/startapp으로 첫 구조를 잡고, runserver까지 한 호흡으로 진행하겠습니다.

Next.js로 블로그 만들기 #3 태그와 검색
7 분 소요

Next.js로 블로그 만들기 #3 태그와 검색

태그별 글 모음 페이지와 URL 쿼리 파라미터로 동작하는 검색 기능을 추가합니다. 동적 라우트의 두 가지 패턴(generateStaticParams vs searchParams)이 한 번에 등장합니다.

앵귤러 기초 강좌 #1 앵귤러란 무엇인가?
6 분 소요

앵귤러 기초 강좌 #1 앵귤러란 무엇인가?

이 강좌에서는 앵귤러 입문자를 위하여 앵귤러가 무엇인지, 왜 만들어졌는지, 그리고 어떤 문제를 해결하는 도구인지에 대해서 공부하도록 하겠습니다.

장고 기초 #1 Django 란 — Why Django, FastAPI와의 비교
6 분 소요

장고 기초 #1 Django 란 — Why Django, FastAPI와의 비교

Django가 왜 만들어졌고 어떤 경우에 어울리는지, FastAPI와의 비교를 통해 풀스택 모놀리스의 가치를 정리합니다.

Next.js로 블로그 만들기 #2 글 목록과 상세 페이지
7 분 소요

Next.js로 블로그 만들기 #2 글 목록과 상세 페이지

Server Component에서 fs로 MDX 파일을 직접 읽고, 동적 라우트에서 본문을 컴파일해 화면에 그리는 핵심 흐름을 만듭니다.

Next.js로 블로그 만들기 #1 시작과 설계
7 분 소요

Next.js로 블로그 만들기 #1 시작과 설계

모던 리액트 시리즈에서 배운 Server Components와 Server Actions를 실전 프로젝트에 적용해봅니다. 첫 글은 요구사항, 데이터 모델, 폴더 구조, MDX 셋업까지 정리합니다.

모던 리액트 + Next.js #6 Server Actions와 폼 (마무리)
10 분 소요

모던 리액트 + Next.js #6 Server Actions와 폼 (마무리)

Server Actions로 폼 제출과 서버 데이터 변경을 단순하게 다루고, useActionState/useFormStatus로 UX를 다듬는 패턴, 그리고 시리즈 회고로 마무리합니다.

모던 리액트 + Next.js #5 Suspense와 use()로 로딩 처리
9 분 소요

모던 리액트 + Next.js #5 Suspense와 use()로 로딩 처리

준비된 부분부터 점진적으로 보여주는 streaming, Suspense 경계, loading.js, 그리고 새로 등장한 use() 훅을 다룹니다.

모던 리액트 + Next.js #4 데이터 페칭과 캐싱
8 분 소요

모던 리액트 + Next.js #4 데이터 페칭과 캐싱

Server Component에서 async/await로 데이터를 직접 가져오는 패턴, 그리고 Next.js의 캐싱 동작과 재검증을 살펴봅니다.

모던 리액트 + Next.js #3 Server Components vs Client Components
8 분 소요

모던 리액트 + Next.js #3 Server Components vs Client Components

두 종류의 컴포넌트가 어떻게 다르고, 'use client' 디렉티브로 어떻게 경계를 긋는지, 그리고 둘을 어떻게 섞어 쓰는지를 정리합니다.

모던 리액트 + Next.js #2 Next.js 시작과 App Router
8 분 소요

모던 리액트 + Next.js #2 Next.js 시작과 App Router

Next.js 프로젝트를 만들고 App Router의 파일 기반 라우팅, layout 시스템, 중첩 레이아웃을 손에 익혀봅니다.

모던 리액트 + Next.js #1 왜 Next.js와 Server Components인가
7 분 소요

모던 리액트 + Next.js #1 왜 Next.js와 Server Components인가

클라이언트 사이드 리액트의 한계와 Server Components가 풀어내는 문제, CSR/SSR/RSC의 차이를 정리합니다.