컨텐츠

깨끗한 코드와 계층화된 아키텍처

• 프론트엔드 조직화를 위한 계층화된 아키텍처 필요.
• Next.js에서 모듈화된 계층 구조 탐구.

주요 개념

• Redux Toolkit 활용: 상태 관리 도구로 프론트엔드 스토어 조직화.

• 엔티티와 프로세스:

  • 엔티티: 도메인 객체와 관련 로직 표현.
  • 프로세스: 복잡한 워크플로우 처리.

• 인터페이스 사용: 데이터 구조 일관성 및 명확성 보장.

• API 계층 외부화: 관심사 분리 및 모듈화 향상.

아키텍처 이점

• 깨끗하고 확장 가능한 아키텍처 구축.
• 백엔드 워크플로우와 원활한 통합.
• 유지보수성 및 개발 효율성 증대.

• 인프랩 랠릿 셀의 글로벌 서비스 출시 계획 수립
• 국제화 작업 착수 및 레거시 코드 정리
• Next.js와 next-i18next 도입
• useTranslation 훅 및 JSON 파일 활용
• 서버사이드 렌더링 지원
• 언어 자원 키 정의 방식 검토
• 한글 키 방식, 역할군 기반 한글 키 방식, 영어 키 방식 논의
• 한글 키 방식 채택 결정
• T 함수 자동 래핑 스크립트 개발
• 팀의 효율성 및 생산성 향상 목표