1주차 미니 프로젝트
https://velog.io/@greeneryyyyy/TIL-d1
https://velog.io/@greeneryyyyy/TIL-d2
https://velog.io/@greeneryyyyy/TIL-d3
핵심 기능
- 회원가입 / 로그인(jwt)
- 파일 업로드
- 게시글 추천(좋아요)
개발 툴
Server - AWS EC2 (Ubuntu 20.04 LTS)
Framework - flask(python)
Database - MongoDB
View - HTML / CSS / Javascript / JQuery
시연 영상
좋았던 점
주특기 전에 서버도 경험을 좀 더 해보고 싶어서 로그인 기능을 맡았는데, 좋은 경험이었다. 맡았던 기능을 꽤 일찍 끝내서, 그 외의 좋아요 기능이나, 이미지 파일 업로드 유효성 검사 등을 더 구현하게 되었는데 밤새 하나하나 구현하면서 일종의 희열이 느껴졌음... ㅋㅋㅋ
아쉬웠던 점
- 다른 팀원이 어려워하던 기능들을 도우면서 함께 작업하기도 했는데, 내가 구현에 성공하고도 어떻게, 왜 성공했는지를 제대로 설명하지 못해 아쉬웠다.
- 카드에 달려있는 플레이어는 비디오의 id값을 가져와 유튜브 플레이어 코드에 붙이는 식으로 구현했는데, 깊게 생각하지 않고 유튜브 공유 기능으로 가져올 수 있는 짧은 url의 뒷 11자리 만을 잘라 post 하는 식으로 구현해버려 주소창의 url을 가져온 사용자의 영상은 플레이어에 붙이지 못했다.
(주소창의 url을 복사하면 https://www.youtube.com/watch?v=0QAFEV6CUM4&ab_channel=%EC%9D%B4%EC%9B%83%EC%A7%91%EC%9D%98%EB%B0%B1%ED%98%B8Baekhorangyi%27story 같은 식이라 뒷자리를 자르는 식으론 id를 가져올 수 없다ㅠㅠ)
실패하거나 변경한 기능과 사유
- 업로드된 이미지 파일이 없을 경우 임시 이미지 파일 등록
- alert을 띄우고 파일 등록을 강제하는 식으로 변경함.
- 게시글 수정, 삭제
- 수정 템플릿을 모달창으로 띄우려 했으나 temp_html 안에서 모달창이 띄워지지 않아 시간 부족으로 더 이상 해결하지 못함.
- 사용자가 작성한 글만 삭제할 수 있도록 구현하지 못해 실패.
- 버튼으로 유튜브 영상 제어
- tistory에 bgm 기능 달아놓는 것처럼 유튜브 영상으로 음악만 재생되는 방식의 플레이어를 만들고 싶었는데 시간이 촉박해서 결국 시도하지 못했다.
- 최근의 유튜브 비디오 플레이어로는 적용되지 않는 매개변수가 많은 것 같음. (아니면 내가 그냥 못했거나...)
이번에도 역시나 주변 사람들에게 주소를 뿌리고 다녔는데 엄청 많이들 올려주고 갔다.
ㅠ.ㅠ 감동... 카드박스를 좀 더 예쁘게 꾸몄어야 했는데 ㅠㅠ
회고 멘토링
Q . 지금 경험해 본 사전 토이 프로젝트, 풀스택 미니 프로젝트에선 주특기에 관계없이 백엔드와 프론트엔드를 모두 스스로 다루며 진행하였는데, 두 분야가 완전히 나누어져 있는 실무에서는 프론트와 백엔드 작업물간의 연결이 어떤 식으로 진행되는지...
A . 실무에선 기획 단계에서부터 훨씬 더 자세하게 소통을 하고, 진행을 할 때에도 어떤 식으로 구현을 해두었는지 자세하게 설명을 하며 프로젝트를 진행한다. 원활한 소통이 중요한 만큼 서로의 분야에 대해 기본적인 지식은 가지고 있어야 함.
Q . 우리는 이미지 파일을 로컬 폴더에 저장했다가 뿌리는 식으로 구현을 해두었는데 이미지 로딩이 느리다. 이유가 있는지...
A. 로컬에 저장하는 방식이 가장 빠르기 때문에, 구현 방식보다는 이미지 크기와 형식의 문제일 것. 로컬을 사용하지 않을 땐 보통 이미지를 S3로 업로드해 이미지의 링크를 받아와 그 링크를 통해 보여줌.
*_S3 : 아마존에서 제공하는 스토리지 서비스. (Amazon Simple Storage Service. Amazon S3)
-
4일 동안 엄청 정신없이 달렸더니 몸이 적응해버렸는지 오히려 여유로운 지금이 더 이상하다... 내일부터는 알고리즘 주간! 주특기 언어의 기초를 꼼꼼하게 다질 수 있는 시간이라구 한다...!! 기대돼!!! 오늘은 이만 세수하고 누워야지!
