내배캠 TIL 2022.12.28 ( project 3 - react 발표 / 팔팔하조 KPT)

KPT 회고 작성(A반 8조)

(12월 22일 ~12월 18일)

 

1.한 일

• 정서연: 커밋 컨벤션 정하기 / 프로젝트 초기 세팅 + yarn server 단축어 추가 / 게시글 등록 / 게시글 삭제 / 게시글 List 메인 페이지에 불러오기 / detail page에 게시글 하나씩 불러오기 / Header 수정 / 메인 페이지 검색 창, boardList CSS / 게시 글 유효성 검사/toasty 이용한 alert 창
• 홍다경: 사진 업로드 기능 / 상세 페이지 프레임 수정 기능 / 게시물 update 기능 / 레이아웃 수정 / 파이어베이스 프로젝트 연결 / 메인 페이지 캐러셀 기능 / 발표 자료 / 게시물 비밀번호 기능 / 프로젝트 로고 디자인 / 데이터 저장 시 현재 시간 저장되도록 설정
• 윤지영: 메인 css layout/검색 기능/ 전체적인 디테일 수정/진행 방향 관리
• 김선형: 상세 페이지 게시판, 댓글 css/ 댓글 Create,Read,Update,Delete/ 발표, 발표 자료/ 버튼 토글/ useRef 이용한 focus/ 데이터 시간 순으로 불러오기/ 버튼 컴포넌트 화/ axios 오류 수정
• 전인국: 글쓰기 페이지 CSS

 

2. feel:느낀점

• 저번 프로젝트에서 계획 단계에서 매우 부족함을 느껴서 와이어프레임을 짜는 순서를 혼자 정해 보았는데 이번에 그렇게 진행을 할 수 있었다.  그럴 수 있었던 것은 3번째 프로젝트라 모두가 어느 정도 경험이 쌓였고, 공통적으로 생각하는 바람직한 순서가 같았기 때문인 것 같다.  효율적인 순서대로 세세하게 짤 수 있었고, 나중에 빈틈을 채울게 적어 진행이 원활했다.
• 캠프를 참가하고 시간이 지나면서 협업 능력과 개발 능력이 늘고 프로젝트에서 할 수 있는 역할이 많아졌다. 예전에 잘 못해서 역할이 적었던 때도 많이 배우긴 했지만 속상하고 재미도 없었는데,  이번 프로젝트는 처음으로 재밌다고 느꼈다.
• css, html을 많이 안 해봐서 자신이 없었는데, 이번에 한 페이지 css를 담당해서 구현해보았다. 어려웠지만 재미있었고 많이 배울 수 있었다. 자신 없어도 일단 도전하는 것이 역시 중요하다.
• 프로젝트가 다가올 때는 하기 싫은 마음도 있었는데, 확실히 동기부여가 되고 또 짧은 시간 안에 많이 배울 수 있는 경험이다.  
• 바로 이전 프로젝트에서 발표를 할 때 팀장님이 혼자 준비하게 해서 미안했던 기억이 있어, 이번에는 발표 자료를 만드는데에 기여를 했고, 라이브 발표를 맡아서 했다. 발표 준비를 어떻게 하면 좋을지에 대해 알게 되는 좋은 경험이었다.

 

• 팀원들을 보고 배우고 싶었던 점
  
  • 모르는 것과 궁금한 것을 그때 그때 찾아보면서 빠르게 부족한 부분을 채운다.
  • 새로 알게된 내용을 팀원들과 공유한다. 
  • 긍정적인 태도로 소통한다
  • 모르는 점이 있으면 동기나 튜터님들에게 빠르게 물어봐서 배워온다. 
  • 전체적인 그림을 보고 어떤 방향으로 진행하면 좋을지에 대해 확실하게 의견을 표현한다.    

3.keep: 유지해야할 것

• 와이어프레임 짤 때 이용한 순서
  
  • 1. 수행해야할 과제 꼼꼼히 확인하고 이해 
  • 2. 컨셉, 테마, 용도 정하기 (슬랙, 피그마 이용)
  • 3. 페이지 진행 순서 (무엇을 누르면 어디로 가지고, 어떤 기능이 실행되는지) 정하기 (피그마 활용)
  • 4. 페이지 하나 하나의 틀 정하기 (피그마 활용)
  • 5. 구현하기 위해서 어떤 기능들이 필요한지 정하기
  • 6. 구현하기 위해서 팀원 전체가 미리 숙지하거나 공부해야 할 것이 있는지 확인
  • 7. 역할을 나누고 공부 해야할 부분 명시. (난이도를 고려해서 실력에 맞게 분담 - 처음 협업일 때 알기 어렵다)
  • 8. 필요한 파일들의 기본틀을 짜서 브랜치로 올리고 각자 다운받아서 분업한다 

• 노션 이용하여  팀원간의 정보 공유, 스케쥴 정리, TIL 공유
• 문제 발생 시 다 같이 화면 공유하여 문제 파악하고 해결하는 자세
• 모르는 문제 발생 시 바로 바로 질문하여 이해도 공유
• 의견이 있다면 적극적으로 표현하기
• 오류가 나도 포기하지 않기
• 깃 허브 이용
  • 깃 플로우 , 컨벤션 지키기
  • 깃 허브에 있는 issue, pull request, project 기능 이용
• 한명이 발표 떠 맡지 않게 돕기
• 할 수 있는 역할 적극적으로 가져와서 하기

3.problem: 개선해야 한다고 느끼는 지점

(1) 문제 및 해결방안

• 전체적으로 사용해야하는 기능, 어려운 부분을 다 같이 알고 진행 했어야 했지만 기능 구현에 서두르면서 그렇게 하지 못했다.
• 각자 작성한 코드에 대한 이해도 부족
• 소스코드로 많은 기능을 구현 할 줄 알 게 되었지만 그럴 수록 명령어는 더 잊어버리고 있다.
• 원할하게 진행되고 있다는 생각에 약간 여유를 부렸던 것 같고, 배포에 대해 공부할 시간이 부족했다.
• css, html에서 내가 맡은 부분을 완벽하게 다 구현하지 못했고 다른 분들이 마무리 해주셨다..
• 바쁘다는 핑계로 TIL에 내가 프로젝트 동안에 공부하고 시도하고 구현했던 내용을 제대로 기록하지 못했다.

 

4.try 다음 프로젝트를 위해 해야 할 노력

• 다 같이 알아야할 개념 공부하고 시작하기
• 중간 중간 각자 작성한 자신의 코드 리뷰를 통해 다른 사람의 코드 숙지하기
• 미리 끝내자는 생각으로 항상 서둘러서 진행하기
• 배포 혼자 시도 해보면서 방법 알아보기
• 팀 프로젝트 진행 시 중간에 브랜치가 꼬이지 않도록 깃 허브 권한 설정하기
• 깃허브에 Read.me 상세히 작성하기
• css, html 등 웹 퍼블리싱 공부하기 
• 깃 공부 더 하기 (스파르타 git 강의)
• TIL에 부지런히 기록하기