삐약 개발자의 프론트엔드 지식 수집소 🐣📘
JS · React · CS 실험과 기록을 모아두는 공간입니다.
프론트엔드 개발자로 성장하기 위해 학습한 내용을 주제별로 구조화하여 정리하는 공간입니다.
단순 요약이 아니라, 왜 이렇게 동작하는가에 집중하여 실험 코드, 테스트, 시행착오, 배운 점을 함께 기록합니다.
이 저장소는
- 지식을 장기적으로 쌓기 위한 개인 아카이브
- 실험과 실패 과정을 숨기지 않는 성장 기록
- React·JavaScript 중심의 깊이 있는 탐구
를 목표로 합니다.
- JavaScript: 언어 자체에 대한 깊은 이해
- React: 렌더링 과정, Fiber, 상태 관리, 아키텍처 설계
- CS 기초: 프로그램이 어떻게 실행되는지에 대한 기반 지식
- 문서화 습관: 기록을 통한 사고력 강화
- 사이드 프로젝트 & 실전 프로젝트 대비 준비
frontend-knowledge-base
├── javascript
│ ├── scope-and-closure
│ ├── event-loop
│ ├── async
│ └── prototype
├── react
│ ├── rendering-model
│ ├── reconciliation
│ ├── fiber
│ └── hooks-internals
├── cs-basics
│ ├── c-language
│ └── computer-architecture
├── reading
│ ├── inner-game
│ └── agile
└── README.md
각 폴더는 다음을 포함합니다:
notes.md— 개념 정리, 오해했던 부분, 배운 점examples.*— 실험 코드tests.*— 작은 단위 테스트failure-log.md— 시행착오/디버깅 기록
- C 언어 및 컴퓨터 작동 원리 학습
- 리액트·자바스크립트 기본 개념 재정비
- 학습 기록 구조 세팅
- 집중력을 높이는 학습 습관과 마인드셋 점검(이너게임)
- 스코프, 클로저, this, 프로토타입 등 핵심 개념 정리
- 이벤트 루프 실험 코드 작성
- React 렌더링 모델 이해 기반 잡기
- 작은 연습 프로젝트 시작
- React 아키텍처 패턴 학습
- 상태 관리, 캐싱, 라우팅 구조 깊이 탐구
- 실전 서비스 분석 + 작은 기능 단위 클론 제작 (설계 중심)
- 오픈소스 유틸 개발 또는 간단한 라이브러리 제작
- 기록된 내용을 기반으로 블로그 글 정리
- 더 큰 사이드 프로젝트로 확장
- 이해하지 못한 내용은 기록하지 않는다.
- “왜?”라는 질문을 끝까지 따라간다.
- 시행착오는 숨기지 않고 남겨둔다.
- 지식은 정리할 때 내 것이 된다.
꾸준함 자체가 목표가 아니라,
매일 조금씩 더 좋은 개발자가 되기 위한 과정을 기록하는 것이 목적입니다.
필요에 따라 언제든 구조나 내용을 확장할 예정입니다.