← Back

풀스택 개발자 성장 로드맵 — 블로그 작성 목록

프론트엔드에서 풀스택으로 성장하기 위한 블로그 작성 계획

#로드맵#풀스택#성장

풀스택 개발자 성장 로드맵

프론트엔드 개발자에서 풀스택 개발자로 성장하기 위한 학습 기록 계획입니다. 하나씩 배우고, 정리하고, 블로그에 기록합니다.

Phase 1. Frontend 기반 다지기

이미 아는 것도 글로 정리하면 진짜 내 것이 된다.

  • React vs Next.js 비교
  • Zustand 상태관리
  • Next.js Static Export
  • 디자인패턴
  • React 렌더링 원리 — Virtual DOM, Reconciliation, Fiber
  • React 렌더링 최적화 — useMemo, useCallback, memo 제대로 쓰기
  • TypeScript 실전 패턴 — Generic, Utility Types, Type Guard
  • 웹 성능 최적화 — Core Web Vitals (LCP, CLS, INP) 개선법
  • 번들 사이즈 줄이기 — Code Splitting, Tree Shaking, Dynamic Import

Phase 2. Backend 입문

Next.js를 이미 쓰고 있으니, 여기서부터 백엔드로 확장한다.

  • HTTP 기초 — 상태 코드, 헤더, 요청/응답 흐름
  • REST API 설계 원칙 — 좋은 API vs 나쁜 API
  • Next.js Route Handler — 프론트 개발자의 첫 번째 API 만들기
  • Server Actions 이해하기 — Route Handler와 언제 어떻게 구분하는가
  • 에러 핸들링 패턴 — try/catch를 넘어서, 일관된 에러 응답 설계

Phase 3. Database

데이터를 저장하고 꺼내는 법을 알아야 진짜 서비스를 만들 수 있다.

  • SQL 기초 — SELECT, JOIN, GROUP BY 핵심 정리
  • PostgreSQL 시작하기 — 설치부터 기본 CRUD까지
  • 관계형 DB 설계 — 1:1, 1:N, N:M 관계 실전 예시
  • ORM이란? — Prisma 사용법 및 마이그레이션 개념
  • Next.js + Prisma + PostgreSQL — 풀스택 스택 구성 실습

Phase 4. 인증/보안

로그인 하나 제대로 만들 수 있으면 백엔드의 절반은 온 것이다.

  • 쿠키 vs 세션 vs 토큰 — 인증 방식 비교
  • JWT 동작 원리 — Access Token, Refresh Token 흐름
  • NextAuth.js (Auth.js) — 소셜 로그인 구현
  • OAuth 2.0 이해하기 — 인증 코드 플로우 정리
  • API 보안 기초 — CORS, CSRF, Rate Limiting

Phase 5. 인프라/배포

만든 걸 세상에 내보내는 법. 여기까지 하면 혼자 서비스를 띄울 수 있다.

  • Git 브랜치 전략 — Git Flow vs Trunk Based
  • Docker 입문 — 왜 쓰는지, 로컬에서 DB 띄우기
  • 환경변수 관리 — .env의 모든 것
  • Vercel 배포 심화 — Preview 배포, 도메인, 환경 분리
  • GitHub Actions로 CI/CD 구축하기
  • AWS 기초 — EC2, S3, RDS 핵심 개념

Phase 6. 풀스택 실전

개별 지식을 조합해서 실제 서비스를 만드는 단계.

  • 파일 업로드 구현 — S3 / Cloudflare R2 연동
  • 이미지 최적화 — Next.js Image 컴포넌트 + CDN 활용
  • 실시간 기능 — WebSocket vs SSE 비교 및 구현
  • 결제 연동 — Toss Payments / Stripe 경험기
  • 풀스택 사이드 프로젝트 회고 — 설계부터 배포까지

Phase 7. CS 기초 (꾸준히)

면접에서도, 실무에서도 결국 기초가 차이를 만든다.

  • 자료구조 — Array, Stack, Queue, Hash Map, Tree
  • 알고리즘 기초 — 시간복잡도, 정렬, 탐색
  • 네트워크 — TCP/IP, DNS, HTTPS 동작 원리
  • 브라우저 동작 원리 — URL 입력부터 화면 렌더링까지
  • 운영체제 기초 — 프로세스, 스레드, 메모리

진행 규칙

  1. 주 1~2개 포스트 작성을 목표로 한다
  2. Phase 순서대로 진행하되, CS 기초는 병행한다
  3. 글 하나당 핵심 개념 + 코드 예시 + 내가 겪은 삽질 을 포함한다
  4. 완료한 항목은 [x]로 체크한다
  5. 사이드 프로젝트와 연결해서 실습한 내용을 기록한다

"기록하지 않으면 성장은 보이지 않는다."