본문 바로가기

웹개발 종합반4

버킷리스트 -POST- 버킷리스트 기록 API 만들기(POST) 데이터 명세 요청 정보: URL= /bucket, 요청 방식 = POST 클라(fetch) → 서버(flask) : bucket 서버(flask) → 클라(fetch) : 메시지 ex) 저장 완료 클라이언트와 서버 연결 확인하기 버튼을 눌러 서버에 요청을 보내고, 응답이 오면 연결 완료 서버 만들기 step1. bucket 정보를 받았다고 가정하고 코드 짜기 step2. bucket데이터 변수에 저장 step3. DB에 저장하기 step4. 클라이언트에게 보낼 메시지 작성 @app.route("/bucket", methods=["POST"]) def bucket_post(): bucket_receive = request.form['bucket_give'] doc .. 2023. 2. 26.
서버 만들기/Flask/GET/POST 로컬 개발환경 - 컴퓨터 한 대로 클라이언트와 서버 역할을 모두 수행하는 환경 상기) 클라이언트 = 서버로부터 정보를 제공받는 컴퓨터 Flask 프레임 워크 - 서버를 구동시켜 주는 파이썬으로 작성된 프레임워크 Flask의 폴더 구조의 규칙 1. 만들고자하는 프로젝트의 폴더 안에 templates폴더(클라이언트 파일 공간) 생성 2. templates폴더 안에 index.html파일생성 (파일명은 관례) 3. app.py파일생성 (서버 파일) templates폴더 - HTML파일을 담아두고 불러오는 역할 app.py파일 - flask를 실행시킬 가장 기본이 되는 파일 Flask설치 pip install flask //설치 Flask 기초 URL 나누기 - @app.route('/') 부분을 수정해서 UR.. 2023. 2. 26.
파이썬으로 웹스크래핑 결과 몽고DB에 저장하기 네이버 영화페이지 순위, 제목, 평점 크롤링 했던 코드 더보기 import requests from bs4 import BeautifulSoup # URL을 읽어서 HTML를 받아오고, headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'} data = requests.get('https://movie.naver.com/movie/sdb/rank/rmovie.naver?sel=pnt&date=20210829',headers=headers) # HTML을 BeautifulSoup라이브러리를 활용해 검색하기 용.. 2023. 2. 26.
CSS기초/구글 웹폰트 사용법 CSS기초 HTML 부모-자식 구조 html 태그 안에 있는 요소들의 계층 구조 파악이 중요. 태그가 변경되면 안에 들어있는 내용물도 모두 영향을 받음 빨간색 div를 가운데로 옮기면 초록, 파란 div도 같이 가운데로 이동. 초록색 div의 글씨색을 변경하면 "나는 버튼1"의 글씨색도 변경. CSS 사용 방법 1. 꾸미려는 태그에 class="이름" 작성 2. 태그 안에 .이름{꾸밀 내용} 작성 자주 쓰이는 CSS h1, h5, background-image, background-size, background-position color, width, height, border-radius, margin, padding tip박스 형태가 등장하면 div 태그로 생각하자! tip양쪽 여백이 같다 = 가운데.. 2023. 2. 19.

티스토리툴바