본문 바로가기

스파르타/Web38

[Web] 서버에 배포하기 - ( week 5 ) 내가 만든 웹페이지를 모든 사람이 접속이 가능하게 하려면 내 컴퓨터에서 배포하고 컴퓨터를 항상 켜놓으면 가능하다. 하지만 컴퓨터를 항시 켜놓을 수 없으며 다른 작업도 해야 하기 때문에 내 컴퓨터 대신 계속 켜놓을 컴퓨터가 필요한데 이를 서버라고 한다. 요즘은 실물 컴퓨터를 대여해서 서버를 사용하는 것보다 인터넷 환경에 세팅되어 있는 가상 컴퓨터를 사용하는 방식을 많이 사용하며 이를 클라우드 서버라고 한다. AWS 아마존 웹 서비스는 클라우드 서버 중 가장 유명한 방식으로 그중 가장 편리한 AWS Elastic Beanstalk를 사용해서 페이지를 배포해 본다. AWS Elastic Beanstalk 페이지에 접속해서 내 계정을 클릭하고 '보안 자격 증명' 페이지를 연다. 그리고 '액세스 키'로 들어가서 .. 2023. 5. 2.
[Web] og 태그 활용 - ( week 5 ) 페이지를 공유할 때 해당 페이지의 정보를 보여주는 역할은 og 태그로 처리되기 때문에 만들어 놓은 페이지를 og 태그로 정보를 넣어서 공유할 때 페이지의 정보가 미리 보일 수 있도록 만든다. og 태그 넣기 index.html 파일의 head 태그 내부에 작성한다. 각 정보들을 페이지에 대한 내용으로 넣어준다. 이때 페이지에 보여줄 내용을 모두 내가 만들고 싶은대로 수정해 본다. 입력한 og 데이터를 확인하기 위해서 페이지주소를 복사해서 공유해 본다. 그러기 위해서는 우선 서버에 페이지를 배포해야 한다. 2023. 5. 1.
[Web] 팬명록 페이지 - ( week 5 ) 팬명록 페이지 완성본을 보고 따라서 만들어 본다. 페이지 구조 타이틀 텍스트가 있고 그 아래 현재 기온을 API를 호출해서 보여준다. 닉네임, 응원댓글을 입력을 받아서 버튼을 누르면 페이지에 표시된다. 베이스 코드 서버와 클라이언트 베이스 코드를 작성한다. from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route("/guestbook", methods=["POST"]) def guestbook_post(): sample_receive = request.form['sample_give'.. 2023. 5. 1.
[Web] 버킷리스트 페이지 - ( week 5 ) Bucket List 버킷리스트를 작성하고 관리하는 페이지를 만들어본다. 기본적인 프로젝트 세팅을 먼저 해준다. venv 가상환경 설정 venv 폴더 생성 및 경로 설정 패키지 설치 필요한 패키지를 설치 pip install flask pymongo dnspython 베이스 코드를 작성한다. # app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route("/bucket", methods=["POST"]) def bucket_post(): sample_receive = req.. 2023. 5. 1.