풀스택 부트캠프(2025-06-26 ~ 2026-01-26)에서 배운 내용을 정리합니다.
- ~2025-08-11: 티스토리에 작성 (HTML, CSS, JS 기초, 리퀘스트, React 기초까지)
- 2025-08-11 이후: 옵시디언 노트 위주
옵시디언 그래프/폴더 예시
옵시디언 폴더를 그대로 올려 두는 방식으로 TIL을 관리합니다. GitHub에서 링크만으로는 읽기 어렵지만, 옵시디언을 쓰는 이유는 다음과 같습니다.
- 개념 연결을 그래프(마인드맵)로 볼 수 있다.
- 작성·수정 시각이 자동으로 남는다.
로컬에서 보기: 저장소를 클론한 뒤 FullStack_TIL 폴더를 옵시디언 볼트로 열면 됩니다.
형식: 날짜 아래에 그날 다룬 주제를 bullet로 나열합니다. 티스토리 글은 제목에 링크를 걸었습니다.
- React, Virtual DOM, JSX(컴포넌트·State)
- Hook — State / Effect / Ref / Context / Memo & Callback
- React 테크닉, 실습 기능 구현
- React 기초 마무리, GitHub TIL 저장소 생성 (이전 React 파트 정리 업로드)
- React 웹페이지 만들기
- React Router — Routes / Link, React Router 커스텀 훅, SPA
- 프론트엔드 구간 마무리 후 백엔드 진입
- JavaScript 백엔드 시작 (Express / MongoDB)
- Express — 요청/응답 기반 API
- MongoDB (비관계형) — Mongoose, 스키마 정의, 시드, 스키마·모델·쿼리, CRUD
- 관계형 데이터베이스
- Prisma (+ PostgreSQL) — 학습 진행 중
- 팀 프로젝트 — 스터디 사이트 개발
- Prisma (관계형 DB) — 마이그레이션, 시딩, 유효성 검사, ERD
- Prisma —
onDelete, 관련 엔티티 조회·생성·수정, 비즈니스 로직(추가 정리 예정), transaction 쿼리(추가 정리 예정)
- 파트 2 진입 — Next.js, React Query, Auth, Express, API 심화 학습 (순차 정리·업로드 예정)
- Auth (인증·인가) — 쿠키, 세션, 캐시, 로컬 스토리지
- TIL 정리 재시작
- 폴더 구조 개선
- Next,js, React Query, AWS 추가
서버 CI/CD 겸 Docker를 공부했습니다.
- Docker란
- Docker 시작하기
- Env 환경 변수 설정 차이
- Next.js 도커 빌드 이해하기
- Next.js는 빌드 시점에 env가 박힌다!! (초중요)
- Nginx
- 공인 IP 도메인 연결하기
- Certbot (https 인증서 관리 도구)
- 쿠키(Cookie) 설정 알아두기!
위클리 페이퍼
-
- Auth - JWT
-
- AWS - IAM
-
- Jest - 좋은 테스트란
-
- Next.js (React 비교)