프리프로젝트 회고🤣

13일에 걸친 stackoverflow 구현 프리프로젝트가 오늘로 끝이 났다.

부트캠프에서 처음 진행해보는 프로젝트라 걱정도 많았지만, 계획대로 잘 진행된 것 같아 다행이다.

프론트부분에 수정해야 할 부분이 좀 더 남아 있으나, 그부분은 차차 수정해나가면 되지 않을까 생각한다.

 

우선, 이번 프리 프로젝트는 stackoverflow 페이지를 구현해보는 과제였다. (팀장을 맡았..)

 

먼저 프로젝트 관리는 다음과 같이 진행했다.

 

매일 정해진 시간 2시~3시에 회의를 진행하였으며, 회의 시간에는 진행 상황을 점검하고, FE와 BE 사이 필요한 부분들을 조정해나갔다.

GitHub Project Kanban을 사용하여 작업 내용을 시각화하고, 업무의 병목 현상과 리소스 낭비가 생기지 않도록 관리 했다.

칸반 보드는 이번에 처음 써 보았는데, (그 전에는 Jira를 사용했어서) 마일스톤을 설정하고, 이슈를 생성하는 것이 재밌기도 했고, 현재 업무가 어느 단계에 와있는지 한눈에 볼 수 있어서 좋았다.

프로젝트 완료 후 칸반 보드

closed된 이슈들

 

Git flow는 간단한 Coz' git flow를 사용하였는데, main <- release <-fe-dev, be-dev <-fe-feature~,be-feature로 브랜치를 나누어 작업하고 merge할 때는 각각 FE, BE 팀에서 회의 후 진행했다.

브랜치 관리

그 밖의 문서화(사용자 정의서, 테이블 명세서, 화면 정의서, ERD, 개발자 테스트 체크리스트, API 문서)는 모두 Notion에서 관리하였다.

https://www.notion.so/codestates/5bc39b81d1eb40068f77fd253580350f?pvs=4 

 

 

개발은 다음과 같이 진행하였다.

 

나는 백엔드 부분을 맡았기 때문에 최대한 프론트분들이 API문서를 빨리 받으실 수 있도록 하는 것과, 통합 개발 환경을 구축하는 것이 가장 큰 과제 였다.

 

그래서 첫째 주에 거의 API 문서를 완성해서 먼저 프론트 분들께 전달해 드리고, CI/CD 플랫폼 중 하나인 gitActions로 배포 Flow를 구현했다. 서버를 먼저 올리고 나니 FE분들께서 api 요청으로 필요한 데이터 값들을 확인해 볼 수 있어서 편리했다.

 

나는 Member(회원) 부분을 맡아서 JWT를 사용한 로그인 인증, 인가 와 회원 등록, 수정, 삭제(탈퇴) 기능을 구현했다. 그리고 후반부에 OAuth2 로그인을 맡으셨던 분이 구현을 힘들어하셔서 google OAuth2로 로그인이 가능하도록 로그인 기능을 추가 구현하였다. 

 

나머지 팀원분들은 각각 question, answer, ouath2를 맡으셔서 구현해 주셨다. (질문 등록, 수정, 삭제, 댓글 등록, 수정, 삭제, 질문 Title로 검색하기 등)

(하지만, OAuth2의 경우 프론트에서 구현이 끝나지 않아 프로젝트에 적용은 못했다. -> MainProject에서 적용해 볼 예정)

 

 

발생했던 이슈들..

 

본체 걱정이 많은 성격이라 프로젝트 진행 시 어려움이 발생하지 않도록 되도록 빨리 코드를 작성하였다. 하지만 gitActions에 배포를 할 때 ec2와 보안 그룹 문제로 싸우기 시작하였고,, 결국 ec2 인스턴스를 지우고 다시 세팅했더니 해결되었다. 

 

또, API 문서화를 위해 Mockito로 슬라이스 테스트를 controller 마다 작성해 주었는데 그 과정에서 Spring Security를 적용하는 것도 오류가 있었다. 이 문제의 경우, 슬라이스 테스트에 작성해주었던 @WebMvcTest가 Spring Security를 활성화시키지 않는다는 것을 알게 되어 @SpringBootTest로 변경해주었다.

 

그리고 Spring Rest Docs 2.x 버전에서 URI 객체를 get(), patch() 등의 파라미터로 전달하면 다음과 같은 오류가 발생해서,, 

urlTemplate not found. If you are using MockMvc did you use RestDocumentationRequestBuilders to build the request?

다음과 같이 직접 String을 넣어주는 것으로 코드를 수정하였다.

//when
        ResultActions actions = mockMvc.perform(
                        get("/users/{member-id}",memberId)
                        .accept(MediaType.APPLICATION_JSON)
        );

 

 

아쉬웠던 점..😂

 

우선, 백엔드 코드의 경우, 기획했던 모든 기능이 정상적으로 잘 작동되었지만, 프론트와 연동했을 때 발생하는 이슈들을 모두 해결하진 못했다.(사용자 질문, 댓글 정보 부분..) 백에서 설정할 수 있는 CORS 관련 설정은 모두 해줬는데 아마도 프론트의 axios 요청에 문제가 있는 것 같다. 같이 수정을 했어야 했는데 시간이 충분하지 못했다. 빠르게 S3로 올려서 프론트 상황을 확인했어야 하는데 하는 아쉬움이 좀 남는다.ㅠㅠ

 

바로 메인 프로젝트를 들어가서 당장 수정은 어렵겠지만, 시간 날때 틈틈이 수정해 볼 예정이다.

 

 

 

좋았던 점!😊

 

우선 프리프로젝트로 지금까지 배운 내용들 특히, Spring Boot로 프로젝트를 해볼 수 있어서 좋았다. 오랜만에 해보는 협업 과정도 즐거웠고, 무엇보다 팀원분들이 다 긍정적인 태도로 커뮤니케이션에 임해주셔서 감사했다. 개인적으로 배포까지 해볼 수 있어서 좋았고, 발생하는 이슈를 해결해 나가는 과정이 ㅎㅎ.. 힘들었지만 해결하고 나면 또 뿌듯한걸..😆(아무도 알아주지 않는 행복..ㅋㅋㅋ)

 

 

 

결과물⭐️

 

 

홈페이지

회원가입하고, 로그인해서 home으로 들어가면 전체 사용자의 질문 내용을 확인할 수 있다.

Ask Question버튼을 클릭해서 질문을 등록할 수 있다.

질문 등록과 댓글 등록 모두 가능하며, 질문을 클릭하면 질문 내용과 댓글 내용 확인이 가능하다.

사용자 페이지에서는 사용자 정보 수정이 가능하다

사용자 정보 삭제도 가능하다.

 

 

프로젝트 레포 : 

https://github.com/codestates-seb/seb44_pre_006

 

배포 레포 :

https://github.com/jeein2222/seb44_pre_006