[WIL] 내일배움캠프 아홉째 주_리액트 프로젝트 결과물 정리

 

프로젝트 소개

리액트 B반 3조 보람삼조

팀원: 박성환 성경환 이희령 정윤숙 차상현 

• 프로젝트 목표: 본문과 댓글을 작성할 수 있는 우리 팀만의 React App 만들기
• 프로젝트 컨셉: 사망토론
• ‘탕수육 찍먹 vs 부먹’과 같이 논란이 될 만한 주제를 작성하고, 이용자들이 A, B 선택지 중에 투표를 하면서 의견을 나눌 수 있는 React App

프로젝트 결과물 정리본 https://time-feels-b8e.notion.site/aaed6840cdab4841bb80025db7c5bc64

KPT 회고 https://time-feels-b8e.notion.site/KPT-a2de14297cbc44369d5312614659466f

배포 링크 https://boram3team-react-app-project.vercel.app/

 

---

회고

노션 링크에 워낙 정리가 잘 되어 있기 때문에 프로젝트 설명하는 것은 생략하고 이번 프로젝트를 진행하면서 어떤 점을 느꼈는지 회고를 남겨보려 한다.

 

거의 한 달 동안 리액트 입문부터 시작해서 프로젝트를 완성하기까지 보람삼조 팀원들과 함께 했는데 다들 열정적이고 소통도 잘 되는 분위기 속에서 리액트를 함께 공부할 수 있던 것이 행운이었다고 생각한다.

 

기능 개발

처음에 팀원 분이 밸런스게임이라는 아이디어를 제안해주셨을 때부터 프로젝트의 목표인 본문, 댓글 CRUD와도 잘 맞고 재밌는 프로젝트가 될 것이라고 생각했다. 그리고 내가 욕심 내서 로그인, 회원가입 기능까지 필수 기능으로 포함하자고 제안하고 로그인, 회원가입 기능 구현까지 담당했는데 부족한 점이 많더라도 기본적인 기능을 구현하는 데 성공해서 다행이었다.

 

그리고 추가 기능에 들어갔지만 이 프로젝트의 핵심이라고 생각했던 투표 비율에 따라 퍼센티지를 보여주는 부분까지 구현해주셔서 팀원 분께 너무 감사했다. 사실 필수 기능인 본문, 댓글 CRUD 기능 구현을 워낙 쪼개서 분담했기 때문에 초반에는 본인의 필수 기능을 다 구현하고 시간이 남아서 자연스럽게 추가 기능까지 진행하는 분위기가 이루어졌다. 나도 원래는 로그인, 회원가입에 form help text를 추가 기능으로 분류했었는데 기능을 만들다 보니 모든 것을 alert으로 보여주는 게 오히려 더 어렵고 부자연스러운 느낌이라 아예 초반부터 form help text를 구현하는 방향으로 수정했었다.

 

문제 해결 과정

우리 팀의 문제 해결 과정에 대해서도 언급하고 싶은데 도저히 해결할 수 없는 큰 문제 말고는 튜터님의 도움을 받지 않고 팀원들끼리 의견을 나누며 해결했다. 예를 들면 마이페이지에서 '내가 좋아하는 토론' 정보를 가져오기 위해서 데이터를 어떻게 필터링을 해야 할지, 댓글이나 닉네임을 수정하기 위해 버튼을 눌렀을 때 어떻게 기존 텍스트 위에 인풋을 보일 수 있을지 등의 로직을 팀원들과 활발하게 상의해서 서로 도움을 받을 수 있었다. 확실히 혼자만 고민할 때보다 여러 사람들의 아이디어가 더해지니 문제를 더욱 빨리 해결할 수 있었다.

 

프로젝트 발표 날에 튜터님께 칭찬도 많이 받고 개인적으로도 우리 팀의 노력이 담긴 결과물이 매우 뿌듯하게 느껴진다. 모든 건 늦은 시간까지 항상 웃으며 함께 코드를 짰던 팀원들의 열정 덕분이라고 생각한다!

---

튜터님 피드백 추가 예정

 

 

 

 

---

피드백 분석하기

 

 

 

---

추가 구현 혹은 수정하고 싶은 부분

 

 

 

 

---

 프로젝트 기간 동안 TIL 목록 

[TIL] 내일배움캠프 React 과정 2022.12.22

[TIL] 내일배움캠프 React 과정 2022.12.23

[TIL] 내일배움캠프 React 과정 2022.12.24

[TIL] 내일배움캠프 React 과정 2022.12.25

[TIL] 내일배움캠프 React 과정 2022.12.26

[TIL] 내일배움캠프 React 과정 2022.12.27

[TIL] 내일배움캠프 React 과정 2022.12.28_KPT 회고