뉴스피드 프로젝트 - KPT

### 1) 프로젝트 명
뉴스피드 프로젝트 '오늘의 나'
### 2) 프로젝트 소개
우리는 '오늘의 나' 웹사이트를 통해 멋진 사람이 되기 위해 누구보다 열심이지만, 자신의 행복에 대해 소홀히 하는 우리들을 위한 휴식과 응원의 공간을 만들고자 합니다.
### 3) 프로젝트 기간
23.11.21 ~ 23.11.27

### 4) 함께 한 팀원
팀장 장예성, 팀원 시병택, 팀원 이다원, 팀원 장가을, 팀원 진민용

### 5) 주요 목표
- 파이어베이스와 리액트 기반 뉴스피드 웹사이트 제작
- 로그인과 회원가입,
- 게시글과 댓글 CRUD(Create, Read, Update, Delete)
- 마이페이지 내 게시글 보기와 프로필 수정기능
- 반응형

### 6) 웹사이트 기능 
- 목록보기 :전체 게시글 목록을 확인할수 있습니다.

- 댓글읽기 : 원하는 게시글의 댓글을 확인할 수 있습니다.

- 게시글읽기 : 원하는 게시글을 선택하여 자세한 내용을확인할수 있습니다.

- 댓글 수정과삭제 : 등록한댓글의내용을 수정하거나 삭제할수있습니다.

- 게시글 수정과삭제 : 등록한 게시글의 내용을 수정하거나 삭제할 수 있습니다.

- 마이페이지 : 이메일, 프로필사진변경, 닉네임변경, 작성한게시글등 다양한 정보를 확인 할 수있는 개인 페이지를 제공합니다.

- 다크모드구현 : 다크모드를 제공하여 사용자가 더욱 편안하게이용할 수있습니다.

- 반응형웹대응 : 다양한 기기와 화면 크기에 맞게 웹사이트가 자동으로 조절됩니다.

- Top버튼 : Top 버튼을 배치하여 페이지 맨 위로 바로 이동할 수있습니다.

 

• • KPT 회고

    회고를 바탕으로, 다음 스텝으로 나아가보세요.공부한 것, 배운 것 보다는 "협업"을 하며 느낀 점, 앞으로 더 잘 하고 싶은 점과 관련된 이야기를 많이 나누어주시면 좋겠습니다.
    • KPT회고 방법 참고하기https://techblog.woowahan.com/2677/
    • ttps://brunch.co.kr/@jinha0802/35

    ---

    • **다원**
      • 팀원들과 함께 만드는 프로젝트는 유익한 경험이었습니다.
      • 기한 내에 제출하여 성취감을 느낄 수 있어 좋았습니다.
      • 팀원들과 협력하며 프로젝트를 진행한 것은 가치있는 경험이었습니다.
      • Git과 GitHub에 대한 부족한 부분에 대해 이해가 더 증가하면서 프로젝트에 더 적극적으로 기여할 수 있었습니다.
    • **가을**
      • 팀원들의 책임감 있는 협업(이탈, 잠수 x, 자진 야근…)
      • 와이어프레임 대로 진행된 UI
      • 시작 전 개발 환경 통일
      • 팀원 간 빠른 피드백(+ 활발한 소통)
      • 팀장의 확고한 의견과 확실한 지시
    • **병택**
      • 짜임새 있게 진행 되었다는 것
      • 빠른 소통으로 이슈 해결
      • 밤낮을 가리지 않고 열정적으로 해결하려는 으ㅣ지!
    • **민용**
      • 초기에 프로젝트에 대한 프레임을 잘 잡고 가서 흐름이 원활했다
      • 기한 내 제출
      • 필수 기능 구현 완료 및 문제에 대한 팀원들 간의 빠른 피드백
      • 모든 팀원이 최선을 다했던 것
    • **예성**
      • 기한 내 제출
      • 필수 기능 구현 완료
      • 협업 툴을 활용하여 Daily TodoList 작성
      • 팀원 간 원활한 커뮤니케이션 및 빠른 피드백

    Problem - 불편하게 느끼는 부분

    ---

    • **다원**
      • 시간에 쫓겨서 100% 만족하는 UI가 아니라서 아쉬웠습니다.
      • 시간이 넉넉하지 않아서 추가적인 기능을 시도하지 못한점이 아쉽습니다.
      • 파워포인트 자료 만들때 다른 조처럼 레이아웃에 대한 상세한 설명을 추가하지 못한 것이 아쉽습니다.
      • 반응형 부분에서 마지막에 약간의 디테일을 놓쳐서 아쉽습니다.
    • **가을**
      • (실력 문제로) 기능 구현을 하지 못했던 점 + 어떻게든 시도한 것마저 다른 기능에 방해 요소가 됨.
      • UX 부분에서 놓친 부분이 많았던 점.
      • 협업 경험 부족으로 공백이 생길 때 무엇을 해야 할지 파악하는 게 미숙했던 점.
      • 새로 알게 된 것, 해결한 오류에 대해 꼼꼼하게 TIL 작성을 놓친 점.
    • **병택**
      • 프로젝트 기간 내에 노트북 고장으로 인해, 작성한 기능이 날라간 부분
      • 자기가 만든 것에 대한 이해도만 있고 전체적인 흐름에 대한 이해도가 부족한 부분
    • 민용
      • 스스로 실력이 많이 부족하다는 것을 느낍니다
      • Github 사용 시 단위별 커밋을 진행하지 못한 부분
      • 기능 구현에만 급급하여, 디자인 , 반응형등 다양한 사용자의 요구를 충족시키지 못한 부분(다원님이 해결)
      • Chat GPT 사용도 좋지만, 스스로 문제를 해결하는 능력이 더 요구됨
    • **예성**
      • GitHub를 활용했지만 단위별 Commit이 많이 못한 점
      • 레이아웃 부분을 많이 가담하지 못한 점
      • UX적인 측면을 많이 고려하지 못한 점
      • 추가 기능을 90% 구현했으나, 중요 우선 순위 버그를 해결하느라 구현을 성공하지 못한 점

    Try - Problem에 대한 해결책, 당장 실행 가능한 것

    ---

    • **다원**
      • 지정한 시간 내에 효과적으로 시간을 관리하고 높은 효율로 원하는 기능을 완성하고자 노력할 것입니다.
      • 디자인과 개발의 균형이 중요하다 생각해서 평소 UI나 디자인같은 프론트엔드적인 부분도 공부할 필요가 있습니다.
      • 반응형에 대한 기존 지식 외에 더 깊이 있는 내용을 찾아보고 학습할 것입니다.
      • 시간을 효과적으로 관리하고 더 나은 UI를 만들기 위해 계획을 세울 것입니다.
    • **가을**
      • 팀원의 코드가 이해되지 않는다면 그 때 물어볼 것(그냥 넘기기x 따로 튜터님 찾아가든지 아님 gptㅎㅎ).
      • 기능 구현도 중요하지만 내 지식으로 만드는 게 더 중요하므로… 내 언어로 코드를 정리해서 메모하기.
      • 와이어프레임 작성 시 UX 측면도 함께 기재하는 것.
      • 실력 부족으로 두려워하지 말고, 어떤 도움이 필요한지 확인하고 구현하기 위해 시도하는 것.
    • **병택**
      • 컴포넌트 단위 개발 완료 여부와 상관없이 add commit push
      • 생성부터 마무리까지 혼자 힘으로 사이드프로젝트 만들어보기
    • **민용**
      • 리팩토링을 진행하지 못한 것
      • 문제 해결 과정을 문서화 하는 능력 부족
      • 깃헙에 대한 이해 부족/ 근데 이거 해결책인데 왜 또 반성을 적으신 거죠
    • **예성**
      • Commit은 기능 하나당 하는 것보다 로직의 연결점(?)마다 진행할 것
      • 전반적인 코드 리팩토링 진행
      • 추가적인 테스트를 통한 잔버그 해결
      • UX를 고려하여 유효성 검사 진행
      • 변수 또는 함수명 처음봐도 명확하게 보이도록
  • 실제로 많은 회사들이 프로젝트가 종료될 때마다 회고를 진행하고, KPT회고 방법론을 아주 많이 적용한답니다!
  • Keep - 현재 만족하고 있는 부분