에피그램

• 베포 URL : https://codeit-epigram.netlify.app/
• 프로젝트 노션 : https://www.notion.so/10-de80ed4ce29543fdabb6da504dfcd920
• 시연 영상 : https://www.youtube.com/watch?v=UYfvM5DTrKo&t=11s

프로젝트 소개

• 오늘의 감정을 기록하고 명언과 글귀들을 열람하고 공유하는 플랫폼 서비스입니다.
• 로그인을 하고 들어와서 오늘의 감정을 기록할 수 있습니다.
• 감명받은 글귀나 명언을 게시글에 올릴 수 있고 다른 게시글에 가서 댓글을 달아 공감도 할 수 있습니다.

기술 스택

개발 및 베포환경

협업툴

팀 규칙

브랜치 전략

• main 브랜치를 베포브랜치로 설정하여 main브랜치에는 merge 할 수 없도록 설정하였습니다.
• Jira 협업툴과 GitHub를 연동하여 효율적으로 일정을 관리하도록 하였습니다.
• 브랜치를 만들 때 자동으로 생성되는 번호와 개발할 기능 이름을 작성하여 어떤 팀원의 브랜치인지 구분하였습니다.
• PR을 올리면 최소 2명은 리뷰를 남겨야 merge 할 수 있도록 만들었습니다.
• PR을 올린 브랜치가 develop 브랜치에 merge가 되면 팀원 모두 브랜치를 최신화시켜 충돌 오류를 최대한 방지하였습니다.

개발 문화

• 매일 아침마다 노션에 생성한 데일리 스크름에 오늘 할 일, 진행 중, 어려운 점 등을 작성하여 화면을 공유해가면서 진행상황을 체크했습니다.
• 매일 오후 1시부터 6시까지 코어타임을 정하여 메타버스 ZEP환경에서 모각코를 진행하였습니다.
• PR이 올라가서 merge가 되면 팀채팅방에 알려준 뒤 모두 브랜치를 최신화시켰는지 확인하였습니다.

프로젝트 폴더 구조

epigram
├─ .eslintrc.json
├─ .gitignore
├─ .prettierrc
├─ .prettierrc.json
├─ next.config.mjs
├─ package-lock.json
├─ package.json
├─ postcss.config.mjs
├─ public
│  └─ assets
│     ├─ font // 폰트 파일
│     ├─ icons // svg 파일
│     └─ images // png 파일
│ 
├─ README.md
├─ src
│  ├─ api
│  │  ├─ client // 클라이언트 컴포넌트 API 요청 함수 모음
│  │  └─ server // 서버 컴포넌트 API 요청 함수 모음
│  ├─ app // 기본 페이지 폴더
│  │  
│  ├─ components // 페이지가 아닌 컴포넌트 모음
│  │  ├─ epigramsPage // 해당 페이지에 필요한 컴포넌트 폴더 생성
│  │  │  ├─ TodayEmoji.tsx
│  │  │  └─ TodayEmotion.tsx // 필요한 컴포넌트 생성
│  ├─ contexts // 전역관리함수 폴더
│  │  ├─ AuthContext.tsx
│  │  └─ QueryProvider.tsx
│  ├─ types // 재사용가능한 타입들 모아 놓는 폴더
│  │  ├─ card.ts
│  └─ utils // 훅이아닌 필요로 하는 유틸파일들
├─ tailwind.config.ts
└─ tsconfig.json