FullStack TIL

• (2025/06/26 ~ 2026/01/26) 풀스택 부트캠프 과정에서 배운 내용을 작성합니다.
• (~2025/08/11)까지의 내용은 티스토리 블로그에서 작성했습니다. (HTML, CSS, JS 기초 리퀘스트, 리액트 기초까지)

옵시디언 파일

옵시디언에 정리하고, 옵시디언 폴더를 그대로 업로드하는 방식으로 TIL 기록을 하고 있습니다.

깃헙으로 내용 확인이 어려움에도 옵시디언으로 작성하는 이유는 다음과 같습니다.

1. 개념의 연결을 그래프로 볼 수 있습니다. (마인드 맵)
2. 작성 날짜, 수정 날짜가 자동으로 기록됩니다.

내용은 옵시디언 폴더를 받아서 확인할 수 있습니다.
매일 작성한 내용의 약목은 아래에 날짜별로 정리했습니다.

일일 TIL 날짜 순서 정리

(프론트엔드 기초 1~7주차)

[1주차]

• 06/26
  • 기초지식 - 웹 / DB / API
  • HTML 개요
• 06/27
  • 웹 퍼블리싱
  • CSS 핵심개념
• 06/29
  • CSS 핵심개념_2

[2주차]

• 06/30
  • HTML핵심개념
• 07/01
  • CSS 레이아웃
• 07/03
  • 유닉스 커맨드
  • Git 시작하기

[3주차]

• 07/07
  • GitHub 시작하기
• 07/10
  • Git 협업기술
• 07/11
  • Javascript 시작하기

[4주차]

• 07/15
  • Javascript 시작하기_2
• 07/16
  • 모던 Javascript
• 07/18
  • 모던 javascript_2

[5주차] Git, Github

• 07/23
  • 비동기 Javaascript
• 07/24
  • Javaascript 리퀘스트

[6주차] React - 설치, 개념, JSX 기본 문법

• 07/28
  • Javascript 모듈

React 파트 시작 (08/01)

React 파트 정리

파트	요약
1. React 시작하기	(+설치하기)
2. Vitual DOM	리액트가 렌더링하는 방법
3. JSX 문법	React객체 / 컴포넌트 / State

[7주차] React - 훅 Hook(+ 커스텀 훅), 리퀘스트, 실습 코딩

파트	요약
4. Hook 훅	State / Effect / Ref / Context / Memo&Collback
5. React 테크닉
6. React 기능 구현 (실습 정리)

[8주차]

• 08/11
  • React 기초 마무리, 깃헙 TIL 생성. ( + 이전 React 파트 정리 업로드)
• 08/12
  • React 웹페이지 만들기
  • React Router
    • Routes / LInk
    • RRD 커스텀 훅
    • 싱글 페이지 애플리케이션(SPA)
• 08/17 프론트 마치고 백엔드 들어갔습니다.
  • 자바스크립트 백엔드 시작하기 (Express / MongoDB)
  • Express - 백엔드 리퀘스트/리스폰스 개발
  • MongoDB - 비관계형 데이터 베이스
    • Mongoose
    • 스키마 정의
    • 시드 데이터 넣기
    • 스키마 / 모델 / 쿼리
    • CRUD 연산

[9, 10, 11주차]

• 08/18
  • 관계형 데이터 베이스
  • Prisma (+ PostgreSQL)
    • (공부 중)
• 08/19~09/12 팀프로젝트 기간 (스터디 사이트 개발)

[12주차]

• 09/18
  • Prisma (관계형 데이터베이스)
    • 마이그레이션
    • 시딩
    • 유효성 검사
    • ERD (E-R 다이어그램, 테이블 간 관계 작성법)
• 09/19
  • Prisma (관계형 데이터베이스)
    • onDelete 설정
    • 관련된 개체 조회 / 생성 / 수정
    • 비즈니스 로직 (추가 정리 필요)
    • transaction 쿼리 (추가 정리 필요)

[16주차]

• 파트2에 들어가면서 next.js, Tanstack Query, Auth, Express, API 심화 공부를 했습니다. 차후 순서대로 더 정리하여 업로드하겠습니다.
• 10/13
  • Auth (인증/인가)
    • 쿠키
    • 세션
    • 캐시
    • 로컬 스토리지