1 of 13

화성에서 온 T�금성에서 온 F

프로젝트 명 : FTA

프론트엔드 데브코스 7조

2 of 13

개발 배경

여러분은 혹시 고민을 갖고 계신가요?😮‍💨

3 of 13

개발 배경

있다

91

없다

9

자료출처: 전문조사기관 틸리언프로, “2020년 대한민국 2059 남녀의 스트레스&고민거리”, 2020.09.04

4 of 13

개발 배경

갖고 계신다면

누군가와 그 고민을 얘기해보셨나요?

5 of 13

개발 배경

6 of 13

커뮤니티

익명성

MBTI

‘F’‘T’‘A’nswer

개발 배경

7 of 13

팀 소개

김희석

정찬욱

이종현

이찬

송인재

Header

Input

회원가입 페이지

로그인 페이지

게시글 상세 페이지

PostCard

CommentCard

Button

루트 페이지

게시글 페이지

Logo

Footer

유저정보 페이지

유저정보 변경 페이지

TextArea

Tag

게시글 수정 페이지

비밀번호 변경 페이지

알림페이지

UserCard

Icon

검색 페이지

404페이지

공통 컴포넌트

페이지

8 of 13

협업 방식

EOA 기반 협업

WorkFlow

9 of 13

기술 스택

메인 기술

코드 포매터

디자인

협업

배포

10 of 13

Main – 배포

Develop – 기능

Feature - 기능 개발

Issue 발행 -> 칸 반 이동 -> 작업 후 dev로 Pull Request -> 코드리뷰 후 승인 -> Merge

브랜치 전략

11 of 13

Git Commit Convention

feat

- 새로운 기능 추가

- 사용자 입장에서 변화가 있는 경우

fix

버그 수정

docs

문서 수정 (ex. README.md 수정)

style

코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우

refactor

- 사용자 입장에서 변화가 없는 코드

- 파일명, 폴더명 변경 및 이동

chore

빌드 업무 수정, 패키지 매니저 수정, 주석

design

사용자 UI 디자인 변경 (CSS 등)

12 of 13

Figgem을 이용한

브레인 스토밍

아이디어 구상

Axios 이용한 개발

및 데이터 확인

API 구현

WireFrame을 바탕으로

공통 컴포넌트 구현

공통 컴포넌트

각 기능 병합&테스트 후,

병합에 따른 버그 수정

테스트 & 버그

Vercel을 통한 배포

배포

개발 순서

13 of 13

와이어프레임