부트캠프를 시작하자마자 짜여진 팀원들과 4일간의 프로젝트를 진행했다. 기본 HTML부터 CSS, Javascripot, Python 을 활용한 Flssk, MongoDB까지.. 뭐 따지고 보면 들어가는 Jinja, JQuery까지 다양한 스택을 활용하여 짧은 기간동안 굵직하게 한 홈페이지를 만들었다.
(대부분의 주요 내용은 깃허브 리드미를 참고하였다. 팀장님 고생 많으셨습니다.)
1. 프로젝트 개요
완성본 시연 영상
개요
- 지니뮤직의 앨범 상세페이지의 파라미터값을 활용하여 유저들 간의 앨범 추천, 리뷰를 남길 수 있는 커뮤니티 게시판
- 게시글 작성 시 지니뮤직 앨범 상세페이지의 파라미터값을 작성하면 인풋값을 받아 크롤링 데이터를 가공하여 js에서는 response 값을 프론트 페이지에 노출
- 게시글 DB 저장 시 크롤링 데이터와 사용자 입력 데이터를 1개의 아이템으로 [POST]
역할
- 팀장 : 메인페이지 및 디자인 전반, 게시글 작성 페이지 크롤링 모듈 개발(python/js [POST]method)
- 팀원1 : 회원가입 및 로그인
- 나 : 게시판 상세보기 및 작성
진행경과
1일차 : 프로젝트 구현 사항 파악 및 각종 자료 제출
필수 구현 사항 :
- 한 명의 AWS EC2에 업로드하고, 도메인을 붙여 제출합니다.
- Jinja2 템플릿 엔진을 이용한 서버사이드 렌더링 (어떤 장점이 있을까?) ㄴ 웹개발 플러스 2주차 내용 훑어보기
- JWT 인증 방식으로 로그인 구현하기 (쿠키/세션 방식에 비해 어떤 장점이 있을까?) ㄴ 웹개발 플러스 4주차 내용 훑어보기
2~3일차 : 본격적인 개발 시작
4일차 : 개발 진행 단계 정리 및 마무리, 배포
최종 발표까지 진행(22시)
- 주요 피드백 : 따로 없었음. 다소 긍정적
2. 트러블 슈팅
치열하게 고민했던 흔적은 이전 글을 참고하면 된다.
-> 9.19 ~ 9.21 블로그 내용 참고
오늘 발생한 트러블은 로그인이 되지 않아서 jwt에러가 났다는 것. 원인이 jwt에 있던 것이 아니라 렌더링하는 값이 다른 경로라 발생했던 에러로 판단하고 수정했더니 해결
3. 협업의 경험
사실 부트캠프 자체가 처음은 아니라 협업 자체는 어렵지 않았으나 오프라인으로 하다가 온라인으로 하다보니 느껴지는 차이는 있었다. 그러나 팀원 간 우애도 돈독한 편이었고 서로 잘 할 수 있을거라는 믿음을 가지고 했기 때문에 비록 조금 아쉬운 면이 없던 것은 아니었지만 프로젝트를 잘 마무리할 수 있었다. 전반적으로 분위기도 그렇고 재밌었다. 또한 팀원을 도와가며 익혀온 기존의 실력이 느는 느낌이 들어 좋았다.
4. 주요 역할
게시판 상세 및 작성 기능
1) write.html
- Jinja2 템플릿 엔진을 이용한 서버사이드 렌더링으로 게시판 기능 구현
- 사용자가 지니뮤직의 파라미터값 입력 시 크롤링 모듈 동작
- 가공데이터로 전달받은 response 값은 사용자 노출 및 게시글 데이터 저장 시 같이 저장
- 글제목+내용+별점 입력 후 함께 mongoDB에 데이터 저장
- 게시글 작성
- 메인페이지 정상 리스팅 확인
2) view.html - 매개변수 keyworld [jinja] 상세 페이지 url 분기 [GET]:jinja를 활용한 서버사이드렌더링 방식
- write에서 POST한 크롤링데이터 및 사용자 데이터 find json으로 프론트에서 상세
데이터 크롤링은 팀장님이 담당했음
그 외 역할
1) 깃 관련 팀원에게 질의응답
2) 깃 브랜치 전략 수립 및 머지, 컨플릭트 해소
3) 서비스 배포
5. 잘한 점, 아쉬운 점
잘한 점(혹은 배운 점)
- post한 곳이 아닌 다른 페이지에서 get해올 수 있게 하는 게시판 방법 터득
- 크롤링 자료와 작성 자료 동시 데이터 저장 방법 터득
- 데이터 정렬 역순화
- github conflict 해결
아쉬운 점
- 좋아요 기능 구현
- 게시물 삭제 및 수정
마무리
전반적으로 첫 프로젝트 치고 완성도 높은 결과물을 낼 수 있어 영광이었고 팀원들과 호흡이 잘 맞았던 것이 즐거움을 주었다. 비록 새벽까지 하느라 몸은 피곤했지만 마음만은 여유롭고, 개발이 다시 즐거워지려는 느낌을 주는 4일이었다.
