2주 프로젝트 기간 동안 한 번도 블로깅을 하지 못하..는...ㅎㅎㅎ

그만큼 열심히 진행하였고, 이제 회고를 진행하려 합니다. 코드리뷰는 아닙니다.

이번 프로젝트에서 프론트엔드를 담당하였고, 백엔드는 20%정도 참여하였습니다.


1. 결과

우선 결과부터 짧게 보고 리뷰를 해보도록 할게요!

image.png

메인 페이지 입니다. 글을 작성, 회원가입, 로그인, 카테고리, 태그 기능이 있습니다.

대부분의 블로그와 비슷한 간단한 기능을 합니다.

목적은 간단한 코드스테이츠의 포럼을 만드는 것이 목표였습니다.


2. 스택

image.png

사용한 기술 스택은 위와 같습니다. (FedEX는 아닙니다. express입니다.ㅎㅎㅎ)

기본적으로 React를 기반으로 제작하고, Material-UI로 디자인하였습니다.

fetch를 간단하게 구현하기 위해 axios를 사용하였고, (적을게 없어서...)

서버는 express로 구현, JWT토큰인증을 사용해보고,

DB는 MySQL, 배포는 AWS S3, EC2를 사용하였습니다.


3. 구현

짜임새있는 디자인을 구현하려다 보니 Grid가 필요했고,

이왕 사용하는거 Material-ui를 사용해보고 싶어서 도입했습니다.

구현되어있는 컴포넌트를 가져와 편집해서 사용하는 느낌이었습니다.

기본적으로 가지고 있는 액션 등이 이뻐서 만족스러웠고,

특정 동작을 편집함에 있어서 불편한 점도 몇몇 있었습니다.

Select같이 조금 복잡해지는 컴포넌트는 이해하는 것도 쉽지 않았었구요.

때문에, 내부에서 Hooks를 사용하고 있어서 Class코드를 Hooks로 바꾸게 되었습니다.

억지로 Class로 바꾸는 것도 생각해볼 수 있었지만 상태 변경도 많아서 Hooks로 하였습니다.

코드 상으로 그렇게 까지 깊이 사용하지 않아서 구현에 어려움은 없었던 것 같습니다.

오히려 서버와 어떤 데이터를 어떻게 주고 받을 지 상의할 때 더 어려웠습니다.

API문서 작성도 처음해 보는 것이고, 제대로 된 DB구성도 처음하는 것이다보니

모든 것이 익숙하지 않았고, 그런 부분에서 시간 소모가 컸습니다.


4. 결론

처음엔 소통이 없어서 불만도 생기고, 진행도 더뎌서 불안도 생겼습니다.

하지만 점차 디자인도 구성되고, 서버도 기반이 구성되니 소통도 잘 되어갔습니다.

처음해보는 2주간의 팀 협업 프로젝트였고, 이 정도면 나쁘지 않았다.라고 생각합니다.

조금 더 코드에 집중할 수 있는 시간도 있었으면 좋았을 것 같구요. (실제기간은 약 10일)

4주 프로젝트는 아마 백엔드를 담당하게 될 듯한데, 프론트엔드도 꾸준히 참고하여

배우는 것도 많고, 완성도도 높은 프로젝트가 되도록 하고 싶습니다.

2주간 팀원분들, 코드스테이츠 강사분들 고생하셨습니다 :)