[TIL] #DAY - 028 - 프로젝트 매니지먼트! (내일배움캠프AI 3기)

---

---

오늘은 프로젝트에 관하여...

이전에 프로젝트를 마치고 이전 부트캠프 1기 경험한 매니저님에 특강이있었다.

그 내용을 좀 정리해서 나만의 것으로 가지고있고 싶어서 이렇게 정리하는 시간을 가져보았다.

그럼 한번 가보자고!

화.이.팅!

 

---

---

---

 

프로젝트 매니지먼트 세션

 

프로젝트는 크게 세 부분으로 나눠져 있다고 한다.

첫째, 프로젝트 준비
둘째, 프로젝트 진행
셋째, 프로젝트 마무리

우리가 집중해야 하는 것은 백엔드 개발!
백엔드 개발 외적인 부분에 너무 리소스를 많이 쓰지 말기를.. 하지만 프론트엔드 포기못하는 1인...

 

---

---

 

프로젝트 S.A 작성

---

 

S.A는 어떻게 작성해야 하나요?

다음 항목은 공통적으로 포함 시켜서 작성하기.

• 프로젝트 소개
  • 프로젝트 커스터마이징
• 서비스 구성
• 역할 분담
• DB 테이블
• 와이어프레임
• 아키텍쳐

 

---

 

빠른 개발 착수를 위한 TIP

1. S.A 작성 시에 필요한 내용을 다음 순서에 맞춰 빠르게 정합니다.
   • 프로젝트 기획
   • 필수 기능, 부가 기능 (우선 순위)
   • 역할 분담
   • ERD 작성
   • repo 만들고 브랜치 어떻게 나눌지 정하기
   • 기능 별 마감 기한, 브랜치 병합 날짜 정하기
   • 와이어프레임
2. 1번을 토대로 S.A 작성을 빠르게 끝내고 초안을 튜터님한테 검토 요청드립니다.
3. 피드백을 반영하여 S.A 완성 후 제출하고 바로 개발에 들어갑니다.

 

---

 

S.A 작성 시에 활용하면 좋은 TOOL

1. 프로젝트 문서화 - Notion
   • 프로젝트 기획과 관련된 내용 위주로 작성
   • 기획 배경, 기획 의도
   • 서비스 타겟
   • 기대 효과, 프로젝트 확장성
   • 역할 분담 + 팀 소개
   • 개발 일정 (스프레드시트 간트 차트 템플릿 이용)
   • 사용자 피드백 결과 + 개선 사항
2. 프로젝트 시각화 - Figma

Figma: the collaborative interface design tool.

  3. 프로젝트 핵심 소개 - Github readme

마크다운(Markdown) 사용법

  4. 와이어프레임

Online Mockup, Wireframe & UI Prototyping Tool · Moqups

  5. ERD TOOL

ERDCloud

 

---

 

커밋 메세지 컨벤션을 만들자

• 우리 조만의 커밋 메세지 컨벤션을 정해서 커밋을 해주세요.
• [추가], [수정], [변경], [add], [modify], [fix] 등의 말머리
• 말머리 뒤에는 핵심 내용만 간단하게
• ex.
  • [add] 로그인, 회원 가입 추가
  • [fix] 소셜 로그인 오류 수정
  • [추가] info app 정보 페이지 추가

 

---

---

 

프론트에 고통받는 여러분을 위하여

---

 

• 요약
  • 컬러 파레트 만들기 3가지 색(많아도 5가지) 버튼, 강조할 글자, 로고, 아이콘 정도 포인트
  • 여백 간격 적절히
  • 폰트는 타이틀, 본문 폰트 두가지 정도만 한가지 산세리프(흔히 말하는 고딕체)스타일로만 해도 됨
  • 폰트 강조하고싶으면 그라데이션을 주자
  • 폰트는 안중요한건 작게, 회색으로 자간 조절 이미지는 width만 조절
  • 사진 위에 흰글씨 넣으면 굳 사진이 너무 밝으면 밝기 조절 css
  • 디자인 레퍼런스 참고

---

아이콘

Free Icons and Stickers - Millions of resources to download

 

Material Design

폰트

DAFONT 카테고리 중에서 BASIC > SANS SERIF 권장

DaFont - Download fonts

 

눈누

 

Google Fonts

부트스트랩, 테일윈드 *사용 적극 권장

Bootstrap

 

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

디자인 레퍼런스

Dribbble - Discover the World’s Top Designers & Creative Professionals

 

Template PSD, 418,000+ High Quality Free PSD Templates for Download

프로젝트 발표

발표 시에는 [ 기획 배경, 필수 기능 중심으로 시연, 트러블 슈팅, 팀 소개 ]를 담아서

7분 내외로 진행해주세요.

https://www.canva.com/templates/

 

---

 

프로젝트 회고

 

KPT

잼보드를 이용해보시는건 어떤가요? 엄청 간편합니다.

코드 리뷰

• 주석 처리를 잘하자
• 코드 리뷰는 보통 프로젝트 진행 중에 핵심 기능 PR 전이나 브랜치 병합 전 진행
• 물론 프로젝트 중간에 코드 리뷰를 하면 매우 좋지만 여유가 안될 때는 회고 후에 꼭 하고 넘어갑시다!
• 회고를 위한 코드 리뷰의 목적
  • 본인이 맡은 부분을 제외하고 제대로 알고 지나가기 어려움 → 다른 파트 구현에 대해 대략적으로도 알 수 있도록 공유
  • 설명하면서 부족한 부분 파악 → 보충 학습할 부분 파악 가능

유지·보수

• 회사에서 유의미한 프로젝트를 판단하는 기준
  • 만들고 끝인 토이 프로젝트는 무의미하게 생각함
  • 운영 경험 또는 유지·보수·개선 경험을 중요하게 생각
• 이런 것들을 해보세요
  • 코드 리뷰를 통해 개선할 점을 파악하고 추가로 구현해보기
  • 완성하지 못한 부분을 끝까지 구현해보기
  • 그밖에 추가로 넣고 싶었던 기능 구현해보기

⚠️ 마무리하면서 당부 말씀

• 앞으로는 체크 리스트를 통해서 학습 방향성을 잡고 자가 평가를 하게 됩니다.
  • 학습 목표는 노션으로 확인 가능
  • 다면평가 속에 포함해서 튜터님과 학습 성취도 확인, 보충
• 클론 코딩 하실 때 절대 예시 코드 또는 영상 속 코드 그대로 베끼지 마세요.[생각] 클론 코딩, 제대로 안하면 독이 된다
• 클론코딩 "제대로" 하는 방법 #Shorts
• 당신의 클론 코딩은 왜 실패하는가?
• 협업의 중요성
  • 모든 일은 혼자 할 수 없습니다. 어떤 회사에서도 협업이 어려운 개발자는 원하지 않습니다. 프리랜서로 활동할지라도 협업 해야 합니다.
  • 예쁘게 말하기
    • 원활한 협업을 위해서
    • 나의 목적(전달, 설득 등)을 달성하기 위해서

---

 

매니저님이 너무 잘정리해두셔서 거의 복붙으로 가져왔네.. 그래도 한번더 읽어보면서 생각을 정리할수있어서 좋은 시간이였다.