1. Petrasche - 반려동물 커뮤니티
* 사이트 링크 :
* 백엔드 깃허브 :
https://github.com/Super-fast-decision-making/Petrasche_back
* 프론트엔드 깃허브 :
https://github.com/Super-fast-decision-making/Petrasche_front
* 본인이 사용한 기술
* 기능:
- 지역 기반 산책 매칭 기능
- 좋아요 기능
- 회원가입, 로그인 기능(카카오 api포함)
- 마이페이지 일부
- drf 페이지네이션
- 도커 EC2, RDS, 클라우드 프론트 사용한 배포
* 팀원들과 함께한 기능:
- fast api를 활용한 추천기능
- django channels와 websocket을 사용한 DM 기능
* 문제 및 해결 :
처음으로 도커를 사용해보고 이를 이용해 배포하는 과정이 쉽지 않았습니다. 도커파일, 도커컴포즈 등 개념이 잡혀 있지 않고 문법도 모르는데 시작했다는 느낌이 들었습니다. 차근차근 공부해야 할 필요성을 느껴 도큐멘테이션과 튜토리얼 영상을 찾아보면서 기본기를 다졌고, 내가 혼자서 해낼 수 있다는 느낌이 들었을때 희열을 느낄 수 있었습니다.
* 성장:
그 동안 해보고 싶었던 다양한 기능들을 시도해 볼 수 있었고, 구글링을 통해 바닥부터 시작해서 하나씩 구현해 나가는 재미를 느낄 수 있었습니다. 스스로 독립적으로 해나갈 수 있는 범위가 커지면서 코딩에 대한 자신감도 키울 수 있었고 그 외에도 팀원들 디버깅을 도와주는 경험을 통해 문제 해결 능력을 키울 수 있었습니다.
2. 혼자서도 잘해요리 - 요리 레시피 사이트
* 사이트 링크 :
https://cookalone.site
(현재 비용상의 문제로 서버를 내린 상태입니다)
* 깃허브 :
https://github.com/tunEmvegnomb/cook_alone
* 본인이 사용한 기술
* 구현한 기능:
- 전체 레시피 페이지
- 만개의 레시피 웹스크레이핑
- 벡터모델을 사용한 콘텐츠 기반 필터링 레시피 추천 기능
- 레시피 업로드 기능, 이미지 업로드 기능
- 마이페이지
- 마이페이지 랜덤으로 이미지 뜨는 기능
* 팀원들과 함께한 기능:
- 세션을 적극적으로 사용해 사용자가 조회한 최근 레시피를 불러오고 이를 다시 유사한 레시피로 추천하는 기능을 구현했습니다.
* 문제 및 해결 :
추천 기능을 colab에서 구현한 뒤 이를 작업하던 vscode환경으로 불러오는 과정에서 난항을 겪었습니다. 핵심적인 패키지가 버전이 맞지 않고 인스톨되지 않아 생긴 오류였습니다. 고심끝에 추천이 된 레시피 1만개를 csv 데이터로 만든 뒤 가져와서 db에 저장하는 방식으로 해결할 수 있었습니다. 돌아가는 방식이지만 창의적인 아이디어로 해결되었다고 생각합니다.
* 성장:
장고 템플릿 문법을 사용했기 때문에 프론트가 좀 더 수월했고, 그 시간을 이용해 백엔드에서 세션 저장 기능들을 적극적으로 사용할 수 있었습니다. 장고를 처음 사용하면서 장고가 가지고 있는 장점들을 활용하는게 즐거웠고, 콘텐츠 기반 필터링도 정확도가 높게 나와 효과적인 서비스로 만들 수 있었습니다.
3. You know what I'm sayin - 텍스트 to 이미지 AI 서비스
* 사이트 링크 :
* 백엔드 깃허브 :
https://github.com/Super-fast-decision-making/Unamsang_back
* 프론트엔드 깃허브 :
https://github.com/Super-fast-decision-making/Unamsang_front
* 본인이 사용한 기술
* 구현한 기능:
- 이미지 업로드 및 이미지 프리뷰 기능
- 이미지 점수 부여 기능
- 댓글 기능
- 마이페이지 기능
* 문제 및 해결 :
사실 이 프로젝트를 하기 전까지 자바스크립트를 전혀 할 줄 몰랐습니다. 진짜 주변사람에 묻고 구글링을 하면서 하나의 프로젝트를 완성하고 나니 편안하게 기본적인 사이트 구성에 필요한 자바스크립트를 쓸 수 있게 되었습니다.
* 성장:
DRF를 사용하면서 시리얼라이저를 쓰고 좀더 클린한 코드를 쓰고 싶다는 마음을 갖게 되었다. 요즘 가장 핫한 ai 분야 중 하나인 'text to image'를 사용해 볼 수 있었다.
4. AI 카멜레온
유저 이미지를 세그멘테이션으로 변경 gif로 소장할 수 있도록 해주는 서비스
* 깃허브 :
https://github.com/tunEmvegnomb/ai_chameleon
* 본인이 사용한 기술
* 구현한 기능:
- 세그멘테이션 ai기능
- 이미지 업로드
- gif 변환
* 문제 및 해결 :
* 성장:
팀에서 AI 파트를 리딩했는데, 아직 부족한 입장이었음에도 다양한 머신러닝 기능을 써볼 수 있었습니다. 배포까지 가진 못했지만 앞으로 여러가지 ai기능을 추가해 보면 좀 더 완성도 있고 매력적인 서비스가 될 수 있겠다 생각이 듭니다.
(AI파트 리딩 관련 자료 영상)
https://youtu.be/MVUEnHLljxA
5. citistagram - 인스타그램 클론코딩
* 사이트 링크 :
http://citistagram.com/
(현재 비용 문제로 서버를 내렸습니다)
* 깃허브 :
https://github.com/Madung2/citistagram
* 본인이 사용한 기술
* 구현한 기능:
- 프론트엔드 디자인 기획 및 전반
- 이미지 업로드 기능/ 게시글 업로드 기능
- 게시글 작성 후 지난 시간 계산 및 표기
- 상단바 기능
* 문제 및 해결 :
아직 코딩이 익숙하지 않은 시점이었습니다. 처음으로 이미지 업로드 기능을 맡았는데, 아직 문제 해결을 어떻게 해야하는지 전혀 알지 못하던 때라 힘들었습니다. 검색 실력도 부족했는데 어떻게든 이 기능만큼은 민폐 끼치지 말고 내가 해결하고 싶다는 마음에 stackoverflow에 게시글을 올리기까지 했습니다. 결과적으로 5일이라는 긴 시간이 걸렸습니다만, 깔끔하게 이미지를 프론트에서 백으로 보내고 시간을 파일명에 넣어 서버에 저장하는 과정을 성공해냈습니다.
* 성장 :
처음으로 내 손으로 검색을 하고 내 머리로 로직을 짜고 코드를 짜면서, 진심으로 코딩이 즐겁다 짜릿하다는 감각을 느꼈습니다. 이후 본격적으로 백엔드를 잘하고 싶다는 생각을 하게 되었고, 그 마음으로 매일 쉬는 시간을 최소화하면서 공부에 매진할 수 있었던 것 같습니다. 가장 기초적인 기술이 구현된 프로젝트이지만 앞으로 프로그래머의 길을 걸으면서도 늘 떠오를 것 같은 프로젝트입니다.
