TIL_220503_팀 프로젝트 S.A

프론트엔드 개인프로젝인

인스타 데스크탑 UI클론 코딩 과제가 끝이 났다.

오늘은 아침부터 새로운 팀 프로젝트 발제가 있는 날이다.

과제의 연속이다.
코딩의 연속이다.
배움의 연속이다.

'새로움'의 연속이다.

---

무엇을 느꼈는가.

개인 프로젝트를 통해 도구의 그림을 그려줬다면,
이번에는 팀 프로젝트를 이루어 도구의 기능을 구현하는 과제가 되겠다.

이제는 본격적인 백엔드 역할을 맡게 된다.
수업 이외에는 경험이 없어 막연하기만한 이번 프로젝트는 나를 상당히 위축되게 만들었다.
기획에서 무수한 기능들을 구현해야하는 부담과 백엔드의 기초가 되는 API 설계에서 상당한 어려움을 느꼈다.

특히 API 설계는 제대로 이해할 수 없어서 보다 못해 생각이 멈추는 증상까지 보였다.
하루가 다 지나고 나서야 조금은 이해하고, 당장의 설계보다 기능의 지표를 찍고 만들어가며 그려가는 설계라 이해했다.

더 많은 수업을 필요로 하고, 필요한 기능을 위해 공부해야하는 정보가 다수 필요하다 판단했다.
내일은 본격적인 프로젝트 시작이 될 것이고, 최대한 내가 할 수 있는 것을 찾아 해보도록 하자.

늘 그래왔다.
내가 할 수 있는 최대한의 만큼.
이번에도 마찮가지.

---

팀 KTLO(김3이1) 프로젝트 기획 : S.A

협업 그라운드 룰

Git
- readme 작성 (프로젝트 개요, 필수 조건, 구성) = 기획안
- 브랜치 명칭을 작성 시 한번에 알아볼 수 없는 이름, 너무 긴 설명조의 이름은 자제한다.
- 커밋 범위(구현하고자 하는 기능에 대한 부분까지)
- 브랜치 명칭
(new:새 기능 추가가 목적인 브랜치, test:무언가를 테스트 하는 브랜치, bug:버그 수정이 브랜치)

하드
- 프로그래밍 언어(python, Javascript 등) 숙지
- 자신이 맡은 역할의 관련한 웹종합 강의 참고
- 공용 메모장을 이용해 각자의 오류에 대한 메세지 공유
- 공유한 메세지를 확인하고 코멘트 달기
- 커밋 메세지 공통 언어 사용(수정범위_기능_수정한 내용/추가)
- 변수명, 함수명, 클래스명 등 명칭 및 API를 통일
- 주석달기(구체적: 영역과 기능에 대한 간략한 명칭) 예)<---- 프로필 레이아웃 / fixed ---->
- 경로 지정(index(main) : ../경로/파일명, 하위 페이지 경로 : ./경로/파일명)
- 폴더 정리 (templetes, static(style, scripts, images)

소프트
- 시간 숙지(열공인증 체크)
- 모임 시간 참여
- 질문에 대한 사전 조사
- 배려와 존중
- 적극적인 소통
- 동기부여
- 상호신뢰

피드백

[브랜치 전략] : 브랜치 단위로 병합하는 전략
- pandas git 브랜치 명 참고
- 브랜치 명 예시 ) feat/login (feat 만 속아 보기 용이함)
-- 커밋 ) commit

- main 병합 브랜치 지정
-- main <- merge 'feat/login'

- 언어 숙지 어느정도 규모 정하기(구체적으로)
-- 1~10 단계 역량 파악

- issue 탭 활용
-- 공용 메모장을 이용해 각자의 오류에 대한 메세지 공유
-- 공유한 메세지를 확인하고 코멘트 달기
-- issue 에 대한 커밋에 번호 달기
예시)
-- #3(이슈넘버) python indentation 오류 : 들여쓰기 오류
-- commit : #3(이슈넘버) 문법 수정

- 좋은 커밋 메세지 기법 찾아볼것

- 변수명을 만드는 규칙
-- 스네이크 스타일 : login_name.py

- REST API : API 설계 방식
-- pep8 참고

- 웹개발
-- RFC 참고

- 어떤 방식의 상호신뢰, 동기부여를 할지(구체적인 액션)

- 주석은 협업에서 잘 안쓰려고 한다.
-- 휴먼에러 발생시 혼란가중
-- 읽기만 해도 코드를 이해할 수 있는 정도의 주석 적절히 사용

 

팀 프로젝트 목표
- 인스타그램을 Flask로 구현해본다.
- 필수 포함기능들을 역할분담을 통해 구현해본다.
- Git을 활용해서 협업의 능률을 올린다.
- 정해진 기간안에 프로젝트를 제출한다.

팀 프로젝트 이름
- Carstagram ( 카스타그램 )

팀 프로젝트 설명
- 개인 프로젝트 인스타그램 데스크탑 UI 클론 코딩을 기반으로 이제는 팀 프로젝트로 인스타그램의 주요 기능들을 역할 분담하여 적용하고, 인스타그램과 비슷하게 구현

와이어프레임
- 인스타그램의 디자인을 기반
- 메인 컨셉

• 색상 : Black(#000000), White(#ffffff), Gray(f808080)
• 폰트 : Noto Sans Korean
  • 로고 폰트 : 추억은 잠들지 않는다체

개발해야 하는 기능들 (API)

• 회원가입
• 로그인
• 피드 페이지
  • 게시글 업로드
    • 사진 업로드
    • 글 업로드
  • 댓글
  • 좋아요
  • 더보기 모달
  • Follower / Following
• 마이 페이지
  • 게시물 목록
  • 게시글 활동기록

백엔드 개발 API
- Notion : https://www.notion.so/API-6e37b7ecf6614e62b63da7fce0a965eb

백엔드 개발 API

public github repo 주소
- https://github.com/DHL68/Carstagram

 

역할 분담
- 메인페이지 및 프로필페이지 프론트엔드 다지기
- 김규민, 이동현

- 회원가입, 로그인 페이지 프론트엔드 및 기능 추가
- 김민재, 김진수

- 서버API , 각종 기능 서버와 연결
- 김규민, 이동현, 김진수, 김민재 ( 같이 협력해서 하는방향 )

- 메인페이지 기능
- 김규민, 이동현

- my페이지 기능
- 김진수, 김민재

작업 오류 검토
- Github : issues에 오류, 버그난 사항들을 기입하고 함께 공유해서 해결 (코멘트, 실시간 화면공유 )

추가 기능 구현에 대한 재 검토 및 역할 재분배
- 기본 필수 사항들이 예정된 제출 기간보다 일찍 끝났을 경우 재 검토 및 재분배 후 추가 작업 진행

작업 일정 및 순서
- Github에 레파지토리 생성후 연결상태 확인 ( Push Pull 팀원 전체 확인후 파일 폴더명 통일)
- 맡은 역할에 관한 자료들 공부 ( 구글링, 튜터님 도움, 유튜브 영상, 웹종반 강의 참고 )
- 5/3 : 기획 및 목업 자료 공부
- 5/4 : 3일날 했던 공부 바탕으로 각자 맡은 파트의 틀 잡기
- 5/5 : 잡은 틀을 토대로 중간 점검 및 수정사항 수정 (기능 test)
- 5/6 : 필수기능에대한 구현
- 5/7 : 진행 상황에 따른 추가적인 기능 or 부족한 필수 기능 구현
- 5/8 : 진행 상황에 따른 추가적인 기능 or 부족한 필수 기능 구현
- 5/9 : 기능 오류 수정
- 5/10 : 최종 점검 및 발표 준비