[250417] TIL

Today I Learned (2025-04-17)

1. Next.js TypeScript 지원의 의미

• 단순히 TS 사용 가능을 넘어선 프레임워크 레벨의 지원
• 주요 지원 내용:
  • 설정 자동화 제공
  • 프레임워크 전용 타입 제공
  • 빌드 프로세스 통합
  • IDE 지원 최적화

2. SEO 중요도에 따른 서비스 분류

SEO가 중요한 서비스

• 콘텐츠 기반: 블로그, 뉴스 사이트
• 커머스: 이커머스, 쇼핑몰
• 서비스: 숙박, 여행 서비스
• 정보 제공 서비스
• 구인구직 사이트

SEO가 덜 중요한 서비스

• 내부 업무용 시스템
• 채팅/메신저 앱
• 폐쇄형 커뮤니티

3. 번들과 서버 컴포넌트

• 번들: 빌드 과정에서 생성되는 최종 파일
  • 번들 크기가 작을수록 로딩 속도 향상
• 서버 컴포넌트: React의 기능
  • Next.js는 React의 SSR과 서버 컴포넌트 구현을 간소화

4. 프로젝트 기술 스택 고려사항

• TypeScript 버전 선택 (5.8.3)
• 이미지 최적화 방법
• 빌드 도구 선정
• 상태 관리 라이브러리 선택
• 스타일링 방식
• 패키지 매니저 결정
• 필요 라이브러리 리스트업