Outsourcing-Project 시작! (Figma 활용)

1. 주제 정하기

이번 주제는 Outsourcing 이었다. 

그래서 이번 우리조는 YouTube API를 가져와 분석 시트템을 만들고자 했다.

 

주제: 유튜버 광고 분석서비스(조회 수, 구독자 수, 등 비교)

 

2. 프레임 만들기

주제를 정하고 나서 프레임을 만들었다. 

https://www.figma.com/file/QBw7my0Sjp5uJdXKF1wsWS/%EC%95%84%EC%9B%83%EC%86%8C%EC%8B%B1-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-10%EC%A1%B0?type=design&node-id=0-1&mode=design&t=dVvkou9cv3TvIb84-0

 

 

3. Router 구조 작성하기

프레임들을 만들었기 때문에 어떤 페이지들이 필요한지 어떤 기능들을 만들고 싶은지 가닥이 나왔기 때문에

Router의 구조를 생각해 볼 수 있다.

 

 

4. API 명세서 만들기

Api를 이용해 만들어야 하기 때문에 request와 response를 정확하게 작성 할 수는 없지만

우선 dummy data를 이용해 구현하기로 약속하였기 때문에 팀원들과 약속한 requset 와 response 작성!

 

 

5. 기능 분담

필요한 기능들을 모두 작성해 두고 각자 해보고 싶었던 기능들을 나누어 분담한다.

 

 

6. git branch 이름 나누기

충돌을 줄이기 위해 각자 맡은 역할에 따라 branch명 정하기!

 

 

7. git commit rule 정하기

commit rule만 정하더라도 무엇을 했는지 가장 기본적인 것들을 파악하기 쉽다!!!

 

피그마 주소

https://www.figma.com/file/AjQpIMmbkzpV8mcs8ic2wG/%EC%95%84%EC%9B%83%EC%86%8C%EC%8B%B1-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-10%EC%A1%B0?type=whiteboard&node-id=0-1&t=e4eF8354F6qTbqsz-0

 

Git은 organization으로 팀원 모두 잔디를 심을 수 있게 만들었고,

피그마에 작성된 기획 내용으로 기본적인 것들을 모두 세팅한 프로젝트 파일을 만들고(Router 포함),

git에 merge!! 

팀원들은 모두 clone 후 기획 내용에 있는 각자의 branch 생성 후 push!! 

 

아 완변한 팀웤이었다.!!!