항해 플러스 6기 회고: 실무 적용 중심의 10주간 프론트엔드 개발 경험 심층 분석

핵심 기술

본 회고글은 항해 플러스 6기 10주간의 프론트엔드 개발 교육 과정을 상세히 기록하며, SPA 개발, React 심화 학습, 디자인 패턴 및 폴더 구조(FSD), 테스트 코드 작성, 성능 최적화 등 실무 중심의 학습 경험과 이를 실제 업무에 적용한 사례를 다룹니다.

기술적 세부사항

• SPA 및 프레임워크 없이 만들기: 바닐라 자바스크립트를 활용한 SPA, 가상 DOM, 합성 이벤트 구현 경험을 통해 클라이언트 사이드 렌더링의 기본 원리를 탐구했습니다.
• React 심화: 커스텀 훅(Custom Hooks) 구현, useRef와 useMemo의 내부 동작 원리 이해를 위한 라이브러리 코드 분석을 진행했습니다.
• 코드 품질 및 구조: 더티 코드를 클린 코드로 리팩토링하고, FSD(Feature-Sliced Design) 패턴을 학습 및 적용하며 관심사 분리와 응집도를 개선하려는 노력을 기록했습니다.
• 테스트 코드: 유닛 테스트, 통합 테스트, TDD, E2E 테스트, 시각적 회귀 테스트 등 다양한 테스트 전략을 학습하고 병렬적 테스트 환경 구축을 시도했습니다.
• 성능 최적화: SSG(Static Site Generation) 및 SSR(Server-Side Rendering) 구현 경험과 프로파일러를 활용한 코드 관점의 성능 최적화 과정을 다룹니다.
• 멘토링 활용: 코치 멘토링을 통해 실무에서의 커뮤니케이션, 코드 리뷰, 기술적 고민 해결, 경력 개발 방향 설정 등 다방면의 조언을 얻고 실제 적용한 사례를 공유합니다.
• 커뮤니케이션 및 협업: 팀 스터디, 오프라인 모각코, 페어 프로그래밍 등 동료들과의 건설적인 대화와 협업 경험을 통해 학습 효과를 극대화했습니다.

개발 임팩트

학습한 내용을 바탕으로 데일리 스크럼 도입, FSD 패턴 적용 등 실제 실무에 즉각적으로 적용 가능한 개선점을 도출하고 실행했습니다. 또한, 코드 구조 개선, 테스트 코드 도입, 성능 최적화 경험을 통해 보다 견고하고 유지보수하기 쉬운 코드를 작성하는 능력을 함양했습니다. 개인의 커리어 방향을 설정하고 발전시키는 데에도 멘토링과 회고가 중요한 역할을 했음을 보여줍니다.

커뮤니티 반응

글에서 직접적인 외부 커뮤니티 반응은 언급되지 않았으나, 항해 플러스 내부 스터디원 및 코치진과의 활발한 질의응답, 피드백 공유, 멘토링, 롤링페이퍼 교환 등을 통해 긍정적인 상호작용과 학습 촉진이 이루어졌음을 알 수 있습니다. 특히, 발표 내용을 통해 다른 수강생으로부터 함께 일하고 싶다는 피드백을 받은 점은 긍정적인 영향력을 시사합니다.

톤앤매너

전문적이고 진솔하며, 학습 과정의 어려움과 성취를 균형 있게 담아낸 톤앤매너를 유지하고 있습니다. 기술적인 내용을 상세히 설명하면서도 개인적인 성장 경험과 동기 부여에 대한 내용이 잘 통합되어 있습니다.