첫 리액트 프로젝트 회고록 'console.lo9'

Louis·2023년 11월 27일
1
post-thumbnail

안녕하세요! 이번 주는 프로젝트 때문에 정말 정신이 없었는데요..

아직 리액트도 완벽하지 않은데 프로젝트를 진행하려고 하니깐 힘든 하루하루였습니다...

그래도 좋은 팀원분들을 만나서 많이 배려해준 덕분에 프로젝트를 완성할 수 있었습니다..!!

프로젝트 내용

개발자와 개발자가 되고 싶은 사람들을 위한 작은 커뮤니티 만들기 프로젝트!

프로젝트 기간

11월 21일 ~ 11월 27일

프로젝트에 관하여

현실적으로 짧은 기간이었기에 최대한 짧은 기간 동안 효율을 낼 수 있도록 역할 분담을 진행하였습니다

역할 분담

용승: 변수 규칙, context API, 게시물 등록, 조회

상욱: 게시물 수정, 삭제

지향: 파이어 베이스 연결, 로그인, 회원가입, env, 유효성 검사

인준: ui 디자인, 페이지 이동, 각종 모달창


사용 기술

HTML, JavaScript, Firebase, git, github, React

기술들을 이용해 프로젝트를 완성했습니다 : )

프로젝트 속 주요 기능

파이어베이스의 데이터베이스와 연결하여 각각의 개정으로 게시물을 관리 할 수 있도록 로그인 모달창을 구현하였습니다

특징으로는 구글, 깃허브로도 회원가입 및 로그인이 가능합니다

로그인 후 계정에 마이페이지로들어가 가입 날짜를 확인 할 수 있으며 작성한 글들도 확인 할 수 있습니다 또한 사원증 디자인의 나의 정보 속 사진을 원하는 사진으로 변경 또한 가능합니다

게시물 작성을 통해 제목, 내용, 배열을 이용한 해시태그까지 작성이 가능합니다

그 후 해당 게시물을 클릭해 상세보기로 이동하고 원하는 제목과 내용으로 수정도 가능합니다

자신이 업로드한 게시물이 아니라면 alert 창을 통해 수정 권한이 없다는 메시지를 받을 수 있습니다

게시물은 필요할 때 오픈할 수 있게 설정하였고 다른 작성자의 게시물을 보고 싶을 때에는 조금 더 넓은 화면으로 볼 수 있게 표현하였습니다


홈 화면

마이페이지

게시글 클릭 했을 때

수정 화면


KPT 회고

KEEP

용승

개발을 진행하는데 있어 어려움이 있을수록 팀원들과 계속 소통하고 의논하는 일이 중요하다고 느꼈습니다.
이번 팀 프로젝트에서 와이어프레임을 잘 만들어둔 것이 큰 도움이 된 것 같습니다. 팀원 모두가 공유하는 청사진이 있을 때와 없을 때의 집중도라던지 효율성에서 큰 차이가 나는 것 같습니다.

상욱

팀원 모두 이쁜 말로 소통을 해서 만족했습니다.
모두 열심히 참여를 해줘서 좋았습니다.
부족한 팀원이 있음에도 솔선수범하여 도와주고 잘 이끌어 주었습니다.
힘들 때 가벼운 대화로 기분을 풀기도 하고 분위기를 바꾸면서 프로젝트를 진행해서 좋았습니다.

지향

firebase에서 query를 통해 where절을 쓰는법을 익혀서 너무 좋았고,
기능을 구현할 때 처음에 구상하던 대로 디자인이나 기능이 잘 나와서 좋았다.

인준

프로젝트 진행하기 전에도 항상 저녁에 코드리뷰 하는 문화가 프로젝트에도 좋은 영향을 준 것 같습니다
항상 코드리뷰를 하면서 소통을 진행하기 때문에 프로젝트를 진행하면서 서로 모르는 부분이나 어려운 부분을
어렵지 않게 말할 수 있었고 빠르게 해답을 얻을 수 있어서 좋았습니다
이 후 프로젝트에도 지속적으로 소통하는 문화를 유지하면 앞으로의 프로젝트에도 좋은 영향력을 줄 것 같습니다


PROBLEM

용승

어차피 제가 개발하는 부분이라고 해서 커밋 주기를 길게 잡는 바람에 팀원들이 컨플릭트를 많이 겪었습니다. 커밋 주기를 짧게 하고 모듈화를 미리미리 해서 컨플릭트가 생기더라도 쉽게 해결하고 넘어갈 수 있도록 해야겠습니다.
코드 작성하는 부분 이외에서도 팀프로젝트가 진행되고있다는 것을 간과했습니다. 개발 진척 단계에 따른 문서화 작업과 회의록 작성 등의 중요성을 느낄 수 있었습니다. 이번 프로젝트는 규모가 크지 않은 편이어서 기억에 의존해서도 개발을 진행할 수 있었지만, 지금보다 큰 규모의 프로젝트를 진행한다면 반드시 매일의 진척사항과 해야 할 일을 문서화 해둬야겠다고 생각했습니다.

상욱

개인적으로 팀 한테 불편했던 점은 전혀 없었습니다.
하지만 개인적으로 이해를 못해서 진행을 못하였고,
팀한테 너무 도움이 되어주지 못해서 아쉽고 미안했습니다.

지향

깃 브랜치 사용법이 서툴러서 충돌이 많이 났던게 힘들었다 ㅜㅜ

인준

코드도 코드지만 원활한 협업을 위해 git에 대한 지식도 충분히 필요하다는 것을 느꼈습니다
그리고 전에는 몰랐지만 이번 프로젝트를 진행하면서 코드 작성의 규칙 또한 중요하다고 느꼈고 그렇기에
사전에 충분한 개발 지식이 있어야될 것 같습니다


TRY

용승

당장 개발해야 하는 부분에 너무 매몰되지 않고 프로젝트를 더 거시적으로 바라보고 마일스톤을 설정해서 더 큰 성취감도 느끼고 진척사항도 잘 확인할 수 있도록 해야겠습니다.
보다 계획성 있게 코드를 작성해야겠습니다. 명세를 잘 작성하고 계획! 계획이 빠져선 안 된 다는 걸 느꼈습니다.

상욱

자는 시간을 줄여서 다음 학습에 지장이 없게 개인적으로 학습을 하고
모르는 부분들은 적극적으로 튜터님이나 동료들에게 질문을 하며 정리를 해둬야 할 것 같습니다

지향

git에 관련된 문서를 많이 봐야겠다
에러코드를 정리해서 그때마다 빠르게 대처할 수 있도록 노력해야겠다

인준

이번 프로젝트에서 가장 중요한 부분은 개발 언어와 라이브러리에 대한 지식 같습니다 아무리 기획력이 좋아도 프로젝트에서 지식이 없다면 팀에게 피해를 줄 수 있고 진행에 어려움이 있을 수 있기 때문에 프로젝트를 위해 지속적으로 복습을 반복해서 충분한 지식을 쌓아야될 것 같습니다


마무리 하면서

이번 프로젝트를 하면서 성취감도 물론 있었지만 아쉬움이 많이 남는 프로젝트인 것 같습니다

프로젝트를 계속 진행하면서 저의 수준 보다 높은 코드들을 구현할 때 팀원들에게 큰 도움이 되지 못한 점이 너무 미안하고 아쉬움이 남는 것 같습니다

앞으로 더 많은 프로젝트들을 진행할텐데 팀원들에게 짐이 되지 않고 제가 도움을 받았던 것 처럼 저도 팀원들에게 도움을 줄 수 있는 사람이 될 수 있도록 열심 공부를 해야될 것 같습니다

정말 이번 팀원들에게 고맙다는 말을 계속해서 하고 싶고 동시에 미안하다는 말도 계속해서 하고 싶습니다...ㅎ

네 이상 저의 프로젝트 회고록을 읽어주셔서 감사드리며 점점 발전하는 모습을 벨로그로 보여드릴 수 있도록 노력해야겠습니다 ㅎ

그러면 우리는 또 행복하자구요!! 감사합니다!!

profile
디자이너의 코딩 도전👍🏻

0개의 댓글