본문 바로가기

코딩/웹개발 종합반10

스파르타 피디아( + 삭제 기능 구현) 보호되어 있는 글 입니다. 2023. 3. 24.
웹개발 종합반 5주차(서버 배포) 내 컴퓨터에서 서버를 배포하려면 컴퓨터를 계속 켜놔야하는데, 계속 켜놓을 컴퓨터를 구매하는 것이 서버이다. https://ap-northeast-2.console.aws.amazon.com/elasticbeanstalk/home?region=ap-northeast-2#/welcome https://ap-northeast-2.console.aws.amazon.com/elasticbeanstalk/home?region=ap-northeast-2#/welcome ap-northeast-2.console.aws.amazon.com AWS 라고 하는 Amazon Elastic Beanstalk 서비스를 사용해서 배포를 할 것이다. 로그인 후 오른쪽 위에 있는 닉네임을 클릭하고 보안 자격 증명을 누른다. 액세스 키.. 2023. 3. 23.
웹개발 종합반 5주차(팬명록) # 실시간 온도 fetch을 사용하여 api에서 현재 기온 데이터를 받아와 html 로 나타내주려고 한다. 웹이 실행되면 바로 작동하는 $(document).ready 함수 내에 set_temp 함수가 있고 fetch를 사용하여 url 에서 현재 기온 데이터를 data로 받아온다. url로 들어가보면 이런 모습인데 여기서 필요한건 temp이기 때문에 data['temp'] 값만 temp에 할당하고 .text를 사용해 html로 붙여줬다. POST 연습(응원 등록하기) * 닉네임과 응원댓글을 입력받고 댓글 남기기 버튼을 누르면 입력 받은 데이터를 서버에다가 보내주고 db에 저장 후 저장완료 alert 띄우기 댓글 남기기 버튼을 클릭하면 작동하는 save_comment 함수이다. FormData()를 통해 .. 2023. 3. 22.
웹개발 종합반 5주차(버킷리스트) AWS : 인터넷에 웹사이트를 배포하기 위해 사용하는 서비스 1. 위 사진과 같이 세팅 2. flask 라이브러리를 사용하기 위해 가상환경을 설정해준다. 3. flask, pymongo, dnspython 설치 # POST 연습하기 1. 데이터 명세 2. 클라이언트와 서버 연결 확인하기 3. 서버부터 만들기 4. 클라이언트 만들기 5. 완성 확인하기 * 사용자가 입력한 데이터를 프론트엔드에서 받아서 백엔드로 넘겨주고 데이터를 db에 저장하기 나의 버킷리스트 기록하기 ✅ 호주에서 스카이다이빙 하기 from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient impor.. 2023. 3. 22.