5주차-10주차 회고: 디자인 패턴, FSD, 테스트, TDD, 성능 최적화 여정

핵심 기술

본 글은 5주차부터 10주차까지의 개발 학습 과정을 회고하며, 디자인 패턴의 올바른 적용, Feature-Sliced Design(FSD) 아키텍처, 테스트 코드 작성 및 TDD 경험, 그리고 SSR, SSG, Hydration, CDN, Caching, Memoization 등 다양한 성능 최적화 기법에 대한 학습 내용을 상세히 공유합니다.

기술적 세부사항

• 디자인 패턴: 문제 해결 매뉴얼로서의 관점을 제시하며, 초보 개발자의 과도한 적용 경향에 대한 비판적 시각을 공유합니다.
• FSD 아키텍처: '읽기와 쓰기를 구분하는 Clean F.S.D' 및 공식 문서를 참고하여 개념을 학습하고, 팀 협의를 통한 공통된 이해의 중요성을 강조합니다.
• 테스트 코드: 테스트 코드 작성의 필요성을 인지하고, 전반적인 개념 학습, e2e 테스트 요소 선택 학습의 필요성, AI 활용 가능성 등을 언급합니다. 모킹(Mocking)의 개념, 필요성(외부 의존성 제거, 속도 개선, 제어 가능성 확보)도 함께 정리합니다.
• TDD (Test-Driven Development): RED-GREEN-REFACTOR 사이클을 통한 TDD의 유용성을 실험했으며, 페어 프로그래밍 경험과 테스트 전략(피라미드, 트로피)에 대한 토론 내용을 공유합니다.
  • 테스트 피라미드: 단위 테스트 중심 구조, 빠른 피드백 및 결함 격리 강조.
  • 테스트 트로피: 통합 테스트 중심 구조, 비즈니스 로직 실행 검증 중요성 강조.
• 성능 최적화 (인프라 계층): SSR, SSG, ISR, CDN, Hydration 등 서버사이드 렌더링 관련 개념을 학습하고, 인프라 지식의 중요성과 풀스택 개발로의 확장 가능성을 언급합니다. SSR의 복잡성과 재도전 의지를 표명합니다.
• 성능 최적화 (코드 계층): 프로젝트 초기부터 성능을 고려해야 하는 이유를 강조하며, 'premature optimization'의 함정을 피하고 균형을 잡는 것의 중요성을 역설합니다. React Profiler를 활용한 캐싱 및 메모이제이션 기법 학습 경험을 공유하며, 클로저를 활용한 캐싱 구현의 성공 경험을 자랑스럽게 언급합니다.

개발 임팩트

• 디자인 패턴, FSD, 테스트 코드, TDD 등 소프트웨어 개발의 기본기를 강화하고 실무 적용에 대한 깊이 있는 이해를 돕습니다.
• SSR, SSG, Hydration 등 서버 사이드 렌더링 기술을 통해 웹 애플리케이션의 성능을 최적화하는 방안을 제시합니다.
• 캐싱 및 메모이제이션과 같은 코드 레벨 최적화 기법을 통해 사용자 경험을 개선하고 애플리케이션의 효율성을 높입니다.
• 개발 과정에서의 어려움과 이를 극복하는 과정을 솔직하게 공유하여, 동료 개발자들에게 동기 부여와 실질적인 도움을 제공합니다.

커뮤니티 반응

• 언급된 내용 중 외부 커뮤니티 반응에 대한 구체적인 내용은 없습니다.

톤앤매너

• 개인적인 학습 경험과 회고를 바탕으로, IT 개발 기술 및 프로그래밍 학습자에게 유익하고 솔직한 정보를 전달하는 전문적인 톤을 유지합니다.