총 10개의 글
10개의 포스트
2025년 7월부터 9월까지 진행된 항해 플러스 프론트엔드 6기 10주 과정 완주 회고. SPA 바닐라 구현·Virtual DOM·React Hook 구현·클린 코드·테스트·TDD·성능 최적화까지 학습한 내용과 인사이트를 종합 정리한 학습 기록.
항해 플러스 프론트엔드 6기 10주차 회고. Chapter 4-2 코드 관점의 성능 최적화 과제를 진행하며 React Profiler 분석, useMemo·useCallback 최적화, 코드 분할 적용까지 정리한 항해 마지막 주차의 학습 기록.
항해 플러스 프론트엔드 6기 9주차 회고. Chapter 4-1 성능 최적화 — 서버사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 직접 구현하며 CSR·SSR·SSG·ISR 4가지 렌더링 방식과 인프라 최적화 핵심을 정리한 학습 기록.
항해 플러스 프론트엔드 6기 8주차 회고. 반복 일정 기능을 TDD(Test-Driven Development) 방식으로 구현하며 Red-Green-Refactor 사이클, 테스트 우선 설계의 효과와 한계를 정리한 학습 기록.
항해 플러스 프론트엔드 6기 7주차 회고. 일정 관리 앱에 테스트 코드를 작성하며 Vitest와 Testing Library 사용법, 단위 테스트와 통합 테스트의 차이, 테스트 작성의 시행착오와 베스트 프랙티스를 정리한 학습 기록.
항해 플러스 프론트엔드 6기 5주차 회고. 엔티티 기준으로 컴포넌트·훅·유틸 역할을 분리하고 비즈니스 로직을 컴포넌트에서 떼어내, Jotai로 전역 상태를 관리하며 디자인 패턴과 함수형 프로그래밍 기반 클린 아키텍처를 적용한 학습 기록.
항해 플러스 프론트엔드 6기 4주차 회고. 더티한 바닐라 JavaScript 코드를 클린 코드 원칙으로 리팩토링하고 React와 TypeScript로 마이그레이션하며 코드 품질·아키텍처 개선 기법을 정리한 학습 기록.
항해 플러스 프론트엔드 6기 3주차 회고. useMemo·useCallback 같은 React 핵심 Hook과 자체 상태관리 Hook을 직접 구현하며 closure·메모이제이션·Hook 내부 동작 원리를 깊이 이해한 학습 기록.
항해 플러스 프론트엔드 6기 2주차 회고. Virtual DOM과 이벤트 위임 시스템을 직접 구현하고 diff 알고리즘으로 렌더링 최적화까지 진행하며 React 내부 동작 원리와 성능 트레이드오프를 깊이 이해한 학습 기록.
항해 플러스 프론트엔드 6기 1주차 회고. 프레임워크 없이 바닐라 JavaScript로 SPA(Single Page Application)를 맨땅에서 구현하며 라우터·렌더링·상태 관리의 동작 원리를 직접 익힌 학습 기록.
