본문 바로가기

앱개발5

네 번째 미니 프로젝트: 팬명록 이번 프로젝트는 팬명록 만들기이다 좋아하는 연예인의 팬명록을 만드는 것인데 닉네임, 응원댓글을 기록하면 아래로 기록들이 달리는 사이트이다 결과 먼저 보기 대표사진 삭제 사진 설명을 입력하세요. 나는 좋아하는 연예인이 없어서 친한 친구가 좋아하는 연예인(비투비 이창섭씨)을 대상으로 하여 만들었다 :) 이번 프로젝트에도 사용한 언어는 python이며 프레임워크는 flask를 사용하였다 이전 포스트와 마찬가지로 주요 코드를 공유하는 것으로 포스트를 마치고자 한다 python from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient import certifi ca = .. 2023. 5. 11.
세 번째 미니프로젝트: 나의 버킷리스트 웹개발 강의 5주차에 접어들었다 드디어 마지막 강의다 흑흑 ㅠㅠ 5주차에는 지금까지 배운 내용을 정리하고 생소한 정보를 복습하는 시간이었다 또한 미니프로젝트 2개를 추가로 진행하는데 벡엔드 서버 Flask로 서버를 만드는 작업을 2번 반복한다 나의 버킷리스트 만들기 결과물! *웹사이트를 만드는 순서는 앞서 포스트한 순서와 동일하다 따라서 본 포스트에서는 코드만 공유하고자 한다* app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient import certifi ca = certifi.where() client = MongoClient('mongodb.. 2023. 5. 11.
두 번째 미니프로젝트 - 영화 기록하기 이번에는 내 생애 최고의 영화들을 기록하는 미니 프로젝트를 만들었다 영화 URL, 별점, 코멘트를 적으면 기록되는 웹사이트이다 결과물 먼저 보시라! 만드는 순서 1.가상환경 만들기 python3 -m venv venv 2.파일과 폴더 만들기 app.py 파일 templates 폴더 그 안에 index.html 파일 3.설치하기 flask, pymongo, dynspython reuqests (크롤링), bs4 (크롤링) 터미널에 pip install flask pymongo dnspython requests bs4 치고 엔터 *쉼표 없이 띄어쓰기로 쳐도 됨 4.유용한 태그 웹스크래핑으로 URL에서 페이지 정보를 가져올 때 유용한 태그 = meta 태그 5.본격적인 API 만들기 1) 데이터 쌓기 2) 데.. 2023. 5. 11.
첫 번째 미니프로젝트 - 화성땅 공동구매 이번 포스트와 다음 포스트는 실제로 미니 프로젝트를 만든 시간이었다 즉, 나만의 웹페이지를 만들어보는 시간이다 결과물부터 봐보자! 이번 프로젝트는 화성에서 땅을 공동구매하기 위해 주문하는 웹페이지이다 주문 상세에는 이름, 주소, 평수이며 주문하기를 누르면 아래에 주문자의 리스트가 기록되는 사이트이다 만드는 순서 1.app.py 만들기 2.가상환경 만들기 남이 만든 라이브러리를 사용할 것이기 때문에 그것을 담을 환경이 필요하니 터미널에서 venv 만들기 터미널에 $ python3 -m venv venv 치고 엔터 (맥용) (윈도우용) $ python -m venv venv 3.templates 폴더 생성 그 안에 index.html 생성 4.flask 설치 터미널에서 $ pip install flask치고.. 2023. 5. 11.
웹개발 종합반 4주차 (2) 저번 포스트에서는 프론트엔드에서 API, 데이터를 받는 것을 배웠다 웹개발 종합반 4주차 (1) 4주차에서는 백엔드 과정을 배웠다 즉, 서버 만들기를 배웠다 두근두근 다만 백엔드 과정이 꽤나 양이 많아 포스트를 4개로 나누어 포스팅하였다 마지막 포스트 2개는 실제로 미니 프로젝트를 earlgrey-is-here.tistory.com 4주차에서는 백엔드 과정을 배웠다 즉, 서버 만들기를 배웠다 두근두근 다만 백엔드 과정이 꽤나 양이 많아... 데이터를 받을 때 fetch를 사용해 보았는데 프론트엔드(.html 등)와 벡엔드(.py 등)가 소통하는 방법은 여러 가지가 있다고 한다 그중에 우리는 GET, POST 방식 등을 배웠다 이번 포스트에서는 두 방식을 배운 내용을 공유하고자 한다 GET 요청의 특징은 .. 2023. 5. 11.