항해 플러스 프론트엔드 6기

👋 안녕하세요, 프론트엔드 개발자 여찬규입니다! 요즘 회사일에 치여서 인생이 재미없던 차에 항해 플러스 모집광고를 보게 되었고, 그 자리에서 바로 지원하게 되었어요 무언가에 이끌려 시작하게 되었는데, 시작한지 1주일밖에 안되었지만 엄청 재미있고 좋은 사람들도 많이 알

1주차에서는 프레임워크 없이 SPA를 맨땅에서부터 만들어봤습니다. 그럼 이번 주차 과제는 뭘까요? 간단하게 요약하자면 Virtual DOM과 이벤트 위임 시스템을 직접 구현하고, diff 알고리즘을 통한 렌더링 최적화를 하는 건데요. 평소 단어만 알았던 Virtual

이번에는 리액트 내부에 있는 Hook을 구현하는게 메인 과제입니다! useMemo, useCallback 같은 기본 Hook과 직접 상태관리 Hook을 만들면서 많이 배워갈 수 있을 거 같아요 이번 주차에서는 리액트의 핵심 Hook들을 직접 구현해보면서 내부 동작 원리

이번 4주차부터 6주차까지는 클린 코드에 대해 과제를 진행하는 주간입니다! 그 중에 4주차의 기본 과제는 바닐라 자바스크립트로 구현된 매우매우 더티한 코드를 가지고 클린 코드로 개선하는 것이고 심화과제는 클린 코드로 변경한 내용들을 리액트와 타입스크립트로 마이그레이션하

5주차 과제는? 지난 주차에 이어서 클린코드를 생각하면서 리팩토링을 진행하는 과제입니다! 엔티티를 기준으로 컴포넌트, 훅, 유틸의 역할을 나누고 비즈니스 로직을 컴포넌트에서 분리하는 내용인데요. 기본 과제는 전역 상태를 쓰지 않고 구조를 정리하고, 심화 과제는 Jota

7주차 과제는 테스트 코드 작성입니다! 일정 관리 앱에 대한 테스트 코드를 작성하는 과제였는데, 처음 테스트 코드를 접하는 저에게는 정말 힘든 과제였습니다. 테스트 코드를 처음 써보는 입장에서 정말 많은 시행착오가 있었습니다. 공식 문서를 읽으면서 하나하나 테스트 코드

8주차 과제는 지난 과제에 이어서 추가 요구사항인 반복 일정 기능을 TDD(테스트 주도 개발) 방식으로 구현하는 것입니다. 이번 과제의 핵심은 7주차와 완전히 반대되는 접근인 거 같아요. 7주차는 기존 코드에 테스트를 추가하는 방식이었다면, 8주차는 테스트를 먼저 작성

항해의 마지막 단계인 Chapter 4가 시작되었습니다. 지금까지 프론트엔드 개발에만 집중해왔는데, 이번 주차는 서버사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 직접 구현하는 과제였습니다. 솔직히 말하면... "Next.js 쓰면 되는 거 아닌가?"라고 생각했

드디어 항해 마지막 주차인 10주차가 되었습니다. 시간이 너무 빠른 것 같아요. 이제 수료만 남겨두고 있는 상황인데, 마지막인 만큼 10주차 과제에 대한 회고 내용을 열심히 정리해보겠습니다.

2025년 7월 5일에 시작했던 항해플러스 프론트엔드 6기가 어느새 9월 13일을 끝으로 마무리를 하게 되었습니다. 길면서도 짧았던 10주의 여정에서 많은 것을 얻어갔고 느꼈는데, 마지막으로 10주간의 회고를 해보려고 합니다.