0806(화) | Notion

1️⃣ 프로젝트 개시

레이아웃 구분
- 헤더 1 ⇒ 화이트 헤더 : 메인, 검색 목록, 로그인/회원가입
- 헤더 2 ⇒ 오렌지 헤더 : 결제 플로우, 공지사항, 예약 내역
- 헤더 3 ⇒ 투명 헤더 : 발자국

2️⃣ 폰트 적용

Root Layout

import type { Metadata } from "next";
import { Noto_Sans_KR, Roboto } from "next/font/google";
import "@/styles/globals.css";

const roboto = Roboto({
  display: "swap",
  subsets: ["latin"],
  weight: ["100", "300", "400", "500", "700", "900"],
  variable: "--font-roboto",
});

const noto = Noto_Sans_KR({
  display: "swap",
  subsets: ["latin"],
  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
  variable: "--font-noto",
});

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body className={`${roboto.variable} ${noto.variable}`}>{children}</body>
    </html>
  );
}

globals.css

body {
  font-family: var(--font-roboto), var(--font-noto), "sans-serif";
}

폰트 적용 화면
- Roboto 적용
- Noto Sans KR 적용

3️⃣ 컨벤션 확인

컨벤션
Gitmoji 수정사항(완료)
- 반응형 작업 필요 없음
- 파일 이름 수정 하나 추가
- 로그 추가 ⇒ 테스트로
- 로그 삭제는 유지
브랜치명

feature/기능

4️⃣ 커밋메시지 및 PR 템플릿 작성 방법 공유

  "gitmoji.addCustomEmoji": [
    {
      "emoji": "✨ feat:",
      "description": "[new features] 기능 및 코드 생성"
    },
    {
      "emoji": "🚧 cont:",
      "description": "[cont] 기능 및 코드 작업 중"
    },
    {
      "emoji": "✅ done:",
      "description": "[done] 기능 및 코드 완료"
    },
    {
      "emoji": "🔒 type:",
      "description": "[type] 타입 설정"
    },
    {
      "emoji": "🐛 fix:",
      "description": "[fix] 버그 수정"
    },
    {
      "emoji": "💄 style:",
      "description": "[style] 디자인 수정"
    },
    {
      "emoji": "♻️ refactor:",
      "description": "[refactor] 코드 리팩토링"
    },
    {
      "emoji": "♿️ accessibility:",
      "description": "[accessibility] 접근성 개선"
    },
    {
      "emoji": "🔀 merge:",
      "description": "[merge] from XXXX to XXXX"
    },
    {
      "emoji": "⏪️ revert:",
      "description": "[revert] 변경사항 되돌리기"
    },
    {
      "emoji": "📝 docs:",
      "description": "[docs] 문서작성 및 편집"
    },
    {
      "emoji": "🗃️ DB:",
      "description": "[DB] 데이터베이스 관련 변경 수행"
    },
    {
      "emoji": "🔧 conf:",
      "description": "[config] config 파일 수정"
    },
    {
      "emoji": "🙈 gitignore:",
      "description": "[gitignore] .gitignore 파일 추가나 업데이트"
    },
    {
      "emoji": "📦️ package:",
      "description": "[package] 패키지 추가 및 수정"
    },
    {
      "emoji": "➕ add:",
      "description": "[add] 파일 추가"
    },
    {
      "emoji": "➖ remove:",
      "description": "[remove] 파일 제거"
    },
    {
      "emoji": "✍🏻 edit:",
      "description": "[edit] 파일 이름 변경"
    },
    {
      "emoji": "✏️ typos:",
      "description": "[typos] 오타 수정"
    },
    {
      "emoji": "⚡️ performance:",
      "description": "[performance] 성능 향상"
    },
    {
      "emoji": "🔊 test:",
      "description": "[test] 테스트"
    },
    {
      "emoji": "🔇 logs:",
      "description": "[logs] 로그 삭제"
    },
    {
      "emoji": "🍱 asset:",
      "description": "[asset] asset/public 폴더 업데이트"
    },
    {
      "emoji": "🏗️ structure:",
      "description": "[structure] 프로젝트 구조 변경"
    },
    {
      "emoji": "🚑 hotfix:",
      "description": "[hotfix] 치명적인 버그 수정"
    },
    {
      "emoji": "🎉 init:",
      "description": "[init] 프로젝트 개시"
    },
    {
      "emoji": "🚀 deploy:",
      "description": "[deploy] 프로젝트 배포"
    },
    {
      "emoji": "🔖 release:",
      "description": "[release] 릴리즈 / 버전 태그"
    }
  ],