[TIL] 2022.05.03 (인스타 UI 클론 코딩 - 팀 프로젝트1)

어제는 개인 프로젝트로 진행하였던 인스타 UI 클론 코딩이 끝이 났다.

많은 아쉬움을 뒤로한 채 곧이어 인스타 UI 클론 코딩 팀 프로젝트가 진행되었다.

팀 프로젝트를 진행하기 앞서, 팀원들과 상의하여 팀 프로젝트에 대해 이야기를 진행하였다.

 

이번 팀 프로젝트는 앞서 개인 프로젝트로 만든 인스타 UI 클론 코딩에서 나아가 Backend를 활용하여 기능을 구현하는 것이었다.

우선적으로 팀원 모두가 상의하에 역할 분담을 진행하였다.

나눠진 역할 분담에 관해서는 다음과 같다.

 

김성호 : 로그인 페이지 : 회원가입 / 로그인 UI 및 회원가입 / 로그인 / 로그아웃 기능
김주훈 : 메인 페이지 : 사진 업로드 및 좋아요 / 댓글 기능
박진우 : 마이 페이지 : 게시물 UI 및 게시물 활동(좋아요, 댓글, 팔로우 정보)
최희원 : 팔로우 / 팔로잉 : 팔로우 및 팔로잉 기능, 구독 정보 저장

 

주요 기능 구현을 각 1명의 팀원들이 맡아서 진행하기로 정하였고, 각 맡은 파트별 Mockup을 정하기 위해 Figma를 이용하여 와이어프레임을 작성하였다.

 

인스타 UI 클론 코딩 : 와이어프레임

 

우선, 개인 프로젝트로 만들어 둔 인스타 UI를 메인 페이지로 정하였다.

이후 추가적으로 필요한 것은 회원가입, 로그인 페이지, 마이 페이지 3가지의 UI가 필요하다고 생각되었지만, 이번 팀 프로젝트는 Backend에 중점을 둔 프로젝트였기에 추가적인 UI는 대략적인 틀만 구성하고 시간이 된다면 추가적으로 꾸미는 것을 생각하였다.

 

그리고 첫 팀 프로젝트에서 잘 이루어지지 않았던 부분인 클래스와 함수 등의 이름에 대해 통일성이 없었던 부분을 고려하여, 이번 프로젝트에서는 해당 부분에 들어가는 클래스와 함수 등의 이름을 통일하고자 API 설계를 하였다.

 

API 설계

 

통일성을 주고 해당 기능들에 대해 조금 더 직관적으로 알고자 로그인 = login, 이름 = name 등과 같이 심플하고 알기 쉽게 정하였다.

해당 부분들에 대해 어느 Method나 URL, request가 들어갈지 팀원들과 고민해보면서 진행하였다.

 

그리고 해당 프로젝트 코드를 만들기 전에 Git 활용을 해보고자 Commit, Push, Pull 등의 기능들을 활용해보려고 노력하였고, 따로 Github에 올려서 이번 프로젝트를 관리해보고자 했다.

 

팀 프로젝트 : insta_clonecoding Github

Github : https://github.com/wonbbnote/insta_clonecoding

 

아직은 Git에 대해 많이 미숙하고 이해도 잘 되지 않았다.

그래도 Git을 사용하여 Github에 올리고 하는 시행착오를 계속 겪으며 Git을 최대한 활용해보고자 노력하였다.

 

-

 

오늘 하루는 Git 사용법을 익히고자 팀원들과 함께 Github Repository도 계속 만들고 Commit과 Push, Pull 등을 해보면서 사용법에 대해 익혔다.

아직은 많이 미숙한 단계이나 열심히 노력하고 있다는 점은 사실이다.

 

기본적으로 팀 프로젝트를 구현을 하기 전에 Mockup과 API 설계 등을 처음 해보았는데, Mockup 부분은 저번에 해봤기에 그나마 괜찮았지만 나를 포함한 4명의 팀원들이 API 설계를 처음 해보는 것이라 조금 더 오래 걸렸던 것 같다.

 

이제 Mockup, API 설계, Git & Github 등을 활용하고 사용해 보았는데, 이것을 가지고 내일은 피드백을 받아보며 수정 및 추가를 할 것 같다.

그리고 피드백이 다 되면 각자 개인 공부와 함께 구현하고자 하는 기능들을 만들어보는 기회를 가지지 않을까 싶다.

 

아직 우리 팀은 기초적인 틀만 잡아두기만 하고 출발선 앞에 서있는 것이다.

앞으로 남은 시간 동안 모두 함께 협업하고 노력하여 프로젝트를 완성하고 싶다.

 

:U