Today

1. 프로젝트 시작

요구사항

• Typescript, Next.js 적용
• redux 외의 클라이언트 전역상태관리 라이브러리 적용 (recoil, zustand, zotai 중 선택 권장)
• supabase 를 사용하여 서버 및 DB 구현
• 인증/인가 적용 (supabase authentication)
• 모든 api 요청은 반드시 Route Handler 를 통해서 요청

주제선정 : 지역축제 공연 정보

사실 지역축제에 대한 프로젝트를 하기로 했지만 이미지를 제공하면서 최신 공연 정보를 동시에 제공하는 API를 찾기 어려워 한 팀원분이 찾은 공연정보를 하기로 했음.

IA(Information Architecture)

서비스의 뼈대를 만들기 위해 기획자가 가장 먼저 작성하는 문서

와이어프레임

초안

컨셉 회의 후 선정 : Retro

---

Learn

Code Convention

컴포넌트

• rafce로 컴포넌트 만들기!
• 컴포넌트 이름 및 파일 대문자로
• 컴포넌트명 - Page

타입

• Props
• 타입명 - Type
• props - interface | 기타 - type

변수

• 일반 변수, 함수: 카멜 케이스 사용하기 (ex. checkValidation)
• 상수: 대문자 snake (ex. API_OPTIONS)

기타

화살표 함수 사용하기

Github Rules

깃허브 규칙

• 작업 전 : ISSUE 만들기 + ISSUE 번호로 브랜치 만들고 ( Feat#1 )
• 작업 완료 : PR 올리기
  • [Feat#1] 메인페이지 UI
• 머지 후: ISSUE CLOSE
  • 리뷰 승인 받기 필수!!

깃헙 커밋 규칙

• Type: 작업 내용
  • 첫글자 대문자로!
  • 작업 내용 한글로
  • 타입

    Feat	새로운 기능을 추가
    Fix	버그 수정
    Design	CSS 등 사용자 UI 디자인 변경
    !BREAKING CHANGE	커다란 API 변경의 경우
    !HOTFIX	급하게 치명적인 버그를 고쳐야하는 경우
    Style	코드 포맷 변경, 세미 콜론 누락, 코드 수정이 없는 경우
    Refactor	프로덕션 코드 리팩토링
    Comment	필요한 주석 추가 및 변경
    Docs	문서 수정
    Test	테스트 코드, 리펙토링 테스트 코드 추가, Production Code(실제로 사용하는 코드) 변경 없음
    Chore	빌드 업무 수정, 패키지 매니저 수정, 패키지 관리자 구성 등 업데이트, Production Code 변경 없음
    Rename	파일 혹은 폴더명을 수정하거나 옮기는 작업만인 경우
    Remove	파일을 삭제하는 작업만 수행한 경우

프로젝트를 하면서 이렇게 기획을 세심하게 한 것이 처음이다.

정보구조도(IA)를 그리는 것도 처음이고, 와이어 프레임을 작성 후 다시 컨셉에 맞게 변경하는 것도 처음이고, Code 컨벤션이나 Git 컨벤션등 세심하게 정한 부분도 오랜만이다.

협업 프로젝트인 만큼 각종 컨벤션을 지켜가며 작업을 해야겠다.

---

참고
정보구조 설계(IA),와이어프레임(Wire-frame) 작성법/그리는법

---

주절주절

최근들어 무기력해진 날들이 있었던 것 같다.
내가 무엇을 하는지 잘 모르게 주어진 강의만 듣고 과제만 하면서
기록도 잘 하지 않고..

기록이 남는거다 기록하자 🔥