[251215] TIL

Today I Learned (2025-12-15)

오늘 개발 한 것

• AnalyzeTrainee -> AnalyzeTraineeSummary 네이밍 변경함
• 요약 Mock 데이터 넣어서 테스트 할 수 있도록 수정함
• Badge 컴포넌트 개발함
• simpleTable render 타입 구체화함
• 훈련 상세 엑셀 제외 컬럼 추가함
• 훈련 총 정답수 0개면 표에 그리지 않도록 수정함
• 카테고리 뱃찌 컴포넌트 개발함
• 훈련결과 테이블 컬럼 정의함
• 프로필 상세 주소 없을 시 ‘’ 설정함
• 레포트 카테고리 타입 정의함
• 레포트 카테고리, 훈련 쿼리 정의함
• 카테고리,훈련 API 도 mock 데이터 받을 수 있도록 수정함
• 레포트 카테고리, 훈련 API 정의함
• DetailCategorySummarySection 컴포넌트 개발함
• TrainingDiffTableSection 컴포넌트 개발함
• 카테고리탭 커스텀 훅, 컴포넌트 개발함
• props 순서 수정함
• 표 truncate 스타일 적용함
• SummaryTab 더미 데이터 제거함

1. infer 키워드는 조건부 타입에서 특정 타입을 추론하는 데 사용됨
2. BFF란 ? 클라이언트가 백엔드 API 를 직접 호출 할 때 생기는 문제를 해결하기 위해, 프론트엔드를 위한 보조 서버를 두는 방식
3. npm install 과 npm ci 차이
   • npm ci 는 npm install에 비해 의존성의 버전을 엄격하게 유지함
   • npm install은 package.json에 적혀있는 버전 범위 내에서 다른 버전을 설치할 가능성이 있지만, npm ci는 오직 package-lock.json 에 정확하게 표기된 특정 버전을 따름
   • npm install은 package-lock.json을 변경할 가능성이 있지만, npm ci는 절대 변경하지 않음
   • npm ci는 node_modules을 삭제한 후 설치함
   • npm ci는 CI/CD 환경에서 빌드 과정의 일관성을 보장하기 위한 목적으로 많이 사용된다.