2024.10.22

회의 내용 정리

1. 디자인 작업

🎨 피그마 작업 정리

• 🛠️ 공통 컴포넌트 결정
• 📏 border-radius: 10px로 통일
• 👤 관리자 및 게스트 확인 UI

🔤 폰트 선정

• 한글: Noto Sans KR
• 영문: Roboto
• Tailwind font-size

2. 개발 규칙

• 📝 Git commit convention 설정
• 📥 PR (Pull Request) convention 설정

3. 개발환경 세팅 논의

• Firebase

• Next.js:

  🛠️ React의 기능을 확장하여 **SSR(서버 사이드 렌더링)**과 **SSG(정적 사이트 생성)**를 지원.

  • 결정 이유:
    • SSR : 검색 엔진이 완전히 렌더링된 페이지를 크롤링할 수 있어 블로그 포스트의 검색 엔진 노출이 개선됨.
    • 파일 기반 라우팅으로 페이지 관리가 쉽기 때문에 선택함.

• React:

  • 결정 이유: 블로그의 UI를 모듈화하여 컴포넌트 재사용성을 높이고, 빠른 렌더링 성능 덕분에 효율적인 사용자 경험을 제공하기 위해 선택함.

• TypeScript:

  • 결정 이유: 코드 안정성을 높이고, 타입 검사로 사전에 오류를 방지할 수 있어, 안정적이고 확장 가능한 블로그 개발을 위해 선택함.

• pnpm:

  📦 중복된 패키지 설치를 최소화해, 더 빠르고 효율적인 의존성 관리를 가능하게 함.

  • 결정 이유: 블로그 프로젝트에서는 다양한 라이브러리와 패키지를 사용해야 하므로, 더 빠른 패키지 설치와 디스크 공간 절약을 위해 선택함.

• ESLint:

  • 결정 이유: 코드의 품질을 유지하고, 일관성 있는 코드 스타일로 관리하기 위해 선택함.

• Prettier:

  • 결정 이유: 자동으로 코드 스타일을 통일해 팀 전체의 코드 품질을 높이기 위해 선택함.

• Gitmoji:

  • 결정 이유: 커밋 메시지에 시각적인 의미를 더해 팀원 간 소통을 명확히 하고, 개발 진행 상황을 쉽게 파악하기 위해 선택함.

---

• 사용하지 않기로 한 툴 ❌
  • Vite :
    • Vite는 빠른 개발 환경과 효율적인 빌드 프로세스를 제공하는 훌륭한 도구이지만, Next.js는 이미 자체적으로 최적화된 빌드 시스템을 가지고 있음.
    • 블로그 구현 프로젝트의 특성상 Next.js가 제공하는 기능들이 더 적합하고 유용할 것으로 판단.