본문 바로가기

항해99/프로젝트19

[WIL-025] 토이 프로젝트 - WLW : WeLuvWine 와인 사이트 프로젝트 Week목표 : 05/05일~05/11일 토이프로젝트 WLW : WeLuvWine 와인 사이트 프로젝트 WLW : WeLuvWine 와인 사이트 프로젝트✅ 이번 주는 첫 협업 토이 프로젝트 주간이었다. 백엔드 Spring 4분과 프론트 React 2명, 총 6명이서 진행한 첫 프로젝트였으며 주제는 와인 사이트 정보를 크롤링 하여 만든 우리만의 와인 추천 및 리뷰 사이트이다. 결과물은 다음과 같다. - SA 보러 가기: https://www.notion.so/S-A-a3f56ee2319a4e50b8a78313e7511ff7 - Github : https://github.com/junvely/WeLuvWine-FE - Youtube 시연영상 : https://www.youtube.com/watch?v=dqB.. 2023. 5. 15.
[TIL-024] 토이 프로젝트 협업 셋팅 Today목표 : 05/05일 토이프로젝트 협업 셋팅 백엔드와 프론트 협업 셋팅 ✅ 1. SA문서 작성 - 팀 내 규칙, 참고사항, 피드백, API명세, Sprint 및 task 할당, 타임테이블, 작업 상황 등 확인 - 노션 2. API 명세 작성 - 노션 3. 깃헙 셋팅 - organization repo 만들기 / 팀장 권한 부여하기 협업 시 주의할 점 ✅ 1. API 명세 - API 명세는 타입(자료형)까지 구체적으로 작성한다. - 구체적 예시도 포함한다. 2. response - Status Code별 상황을 함께 작성한다. => Status Code를 잘 활용하여 굳이 message가 없어도 한 눈에 에러를 파악할 수 있도록 한다. - 백엔드에서는 성공, 실패 시 message도 함께 전달한다.. 2023. 5. 6.
[AWS] 클라우드 서버에 배포하기 🦄 클라우드 서버에 배포하기(AWS) AWS는 아마존에서 제공하는 서비스로, 클라우드(인터넷)상에서 컴퓨터(서버)를 빌려주어 웹 서비스를 배포할 수 있도록 해주는 서비스다. 지난 향수 협업 프로젝트에서는 람다 서버를 이용했다고 들었다. 람다 서버는 요청이 들어올 때만 서버가 가동되는 시스템이었던 것으로 기억한다. 첫 요청 시 서버가 가동되는데 시간이 조금 더 걸리기 때문에 처음 로딩 시간이 비교적 길어지는 단점이 있었지만(프론트 입장에서 경험한 바로는 7s정도 소요..?), 사용자의 요청이 들어올 때에만 서버를 가동시키기 때문에 그 만큼 비용상으로 좀 더 절약될 수 있다는 장점이 있었던 걸로 기억한다. 각 서버의 종류마다 장단점이 있는 것 같다. 이번에는 쉽고 빠르게 배포가 가능한 AWS Elastic .. 2023. 2. 15.
[Flask] 팬명록 프로젝트(서버, DB) 🦄 팬명록 프로젝트(서버, DB) 사용자가 닉네임과 응원댓글을 입력하고 '응원 남기기' 버튼 클릭시, DB에 해당 정보들을 저장한다. Window가 reload되면, DB에 있는 댓글 리스트들을 가져와서 화면에 보여준다. 배너에는 간단한 날씨API를 받아와서 현재기온도 추가 해 주도록 한다. 01 팬명록 - 프로젝트 셋팅 - 서버, DB만 사용 => flask, pymongo, dnspython => 날씨 API는 프론트에서 Fetch로 바로 진행할 것 $ pip install flask pymongo dnspython 02 팬명록 - 뼈대 준비하기 - app.py from flask import Flask, render_template, request, jsonify app = Flask(__name_.. 2023. 2. 15.
[Flask] 버킷리스트 프로젝트(서버, DB) 🦄 버킷리스트 프로젝트(서버, DB) 사용자가 버킷리스트 데이터를 입력하면 DB에 저장하고, Window가 reload되면 DB에서 버킷리스트들을 가져와서 화면에 보여주는 간단한 프로젝트이다. 강의에서 진행한 DB에 추가, 가져오기 기능 외에도 버튼 클릭 시 완료(done)여부를 수정할 수 있는 기능도 추가해 보고 싶어서 혼자 한번 추가하여 진행해 봤다! 다음과 같은 flow로 진행 된다. '완료' 버튼 클릭 => DB에서 text를 받아 done 여부를 확인 => T 또는 F 로 데이터를 수정 => window를 reload => DB의 변경된 정보로 다시 리스트 가져옴 => done의 T와 F에 따라 버튼 디자인을 다르게 적용 03 버킷리스트 - 프로젝트 셋팅 - 서버, DB만 사용 => Flask,.. 2023. 2. 15.
[Flask] 스파르타피디아 프로젝트(서버, 크롤링, DB) 🦄 스파르타피디아 프로젝트(서버, 크롤링, DB) 사용자가 입력한 URL 주소로 해당하는 페이지에 있는 meta 태그들의 og데이터(이미지, 타이틀, 설명 등)를 가져와 DB에 저장하기, 사용자가 영화를 추가하면 window를 load하여 DB에 저장된 영화들의 정보로 포스트들을 만들어 (이미지, 타이틀, 설명 등) 보여주기 01 프로젝트 셋팅 $ pip install flask pymongo dnspython requests bs4 - API : requests - 크롤링 : requests, bs4( soup.select_one(' ') ) - 서버 : Flask - DB : Pymongo, dnspython ( doc{ } , db.movies.insert_on( ) ) 02 조각 기능 구현해보기 .. 2023. 2. 15.

티스토리툴바