js 공부(ft. sparta) (65) 썸네일형 리스트형 4-4. Flask 시작하기 - 본격 API 만들기 프론트엔드가 API를 부르고 데이터를 받는것을 해보겠다. 저번에 배운것과 같이 Fetch를 사용해서 데이터를 받을거다. 이번엔 get, post를 사용해볼꺼다. 우선 get은 아래 주소를 확인해보면 https://finance.naver.com/item/main.naver?code=066570 이렇게 ?뒤로 데이터를 가져오는것이 GET방식이다. (브라우저에 칠 수 있는 형태) POST방식은 우리가 볼 수 있는것이 아닌 컴퓨터끼리 왔다갔다 확인하는 것이다. GET 요청 - 통상적으로 데이터 조회(Read)를 요청 할 때 사용. 예) 영화목록 조회 > 데이터 전달: url 뒤에 ? 를 붙여 key=value로 전달 POST 요청 - 통상적으로 데이터 생성(Create), 변경(Update), 삭제(Delet.. 4-3. Flask 시작하기 - HTML파일 주기 이제 html파일과 연동을 시켜보겠다. 먼저 templates 폴더 하나 만들고 그안에 html파일 하나를 만든다. 그리고 html파일에 아래 코드를 붙여넣고 일단 저장한다. DOCTYPE html> Document function hey(){ alert('안녕!') } 나는 버튼! 이제 app.py에 index.html을 넣어 보겠다. 먼저 app.py에 가서 아래처럼 추가해준다. 이건 flask에 render~~을 쓰겠다는거다. 그리고 button을 썻던 자리에 아래 사진과 같이 작성해주고 저장하면 끝이다. 이제 local창에 가서 새로고침하고 버튼을 누르면 안녕!이라는 팝업창이 뜬다. 이번엔 html파일에 가서 아래 사진과 같이 작성하고 저장한다. 그리고 다시 돌아가서 새로고침해보면 아래 사진과 같.. 4-2. Flask 시작하기 - 서버만들기(2) 이제 이 venv 가상환경 폴더에 Flask 라이브러리를 담을꺼다. 아래 사진처럼 pip install flask 를 써주고 실행하면 venv에 깔린거다. 이제 준비는 모두 끝냈다. flask도 앞서 다른 라이브러리와 똑같이 시작하는 코드가 있다. 아래 코드를 복사해서 붙여넣어준다. from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) 그리고 왜 app.py일까. 이건 flask 를 시작할때 통상적으로 기본코드를 작성할 python 파일을 만들어줄때 써주는 이름을 ap.. 4-1. Flask 시작하기 - 서버만들기(1) 우린 간단한 서버부터 만들어볼꺼다. 원래 서버만들기란 정말 어려운거다. 그래서 우린 어느정도 만들어져 있는 프레임워크를 사용할꺼다. 이 프레임워크도 라이브러리와 마찬가지로 만든사람이 하라는 순서대로 하는것이다. 그래서 우리가 쓸 프레임워크는 Flask라는것을 사용할꺼다. 먼저 우린 기본 세팅하는것의 순서를 잘 기억해야한다. 1. 원하는 폴더를 열어주고, 2. 그안에 새 파일을 만들어준 뒤, 3. 터미널 새창을 열어준다. 그리고 4. 가상환경을 잡는다. 위 처럼 쓰면 된다. 그리고 venv가 잘나왔는지 아래 사진처럼 나와야한다. 그리고 오른쪽 밑에 보면 3.8.6 이있다. 이걸 눌러서 venv로 잡아준다. 그리고 켰던 터미널을 끄고 새터미널을 열면 (venv)가 있는 것을 확인할 수 있다. 4w_flask 시작하기 우린 지금까지 프론트엔드를 만드는것을 배웠다. 이제 백엔드를 만들어 완성을 시켜보자. 우선 폴더 5개만 먼저 만들고 가자. projects라는 폴더를 하나 만들어주고 그안에 아래 처럼 5개를 더 생성해준다. vscode를 키고 다음장에서 서버만들러 가겠다. 3주차 끝 숙제 지니 뮤직의 1~50곡을 스크래핑하기. https://www.genie.co.kr/chart/top200?ditc=M&rtm=N&ymd=20230101 지니차트>월간 - 지니 AI기반 감성 음악 추천 www.genie.co.kr 3-14. quiz_웹스크래핑 결과 이용하기 난 네이버영화가 아닌 다음영화이기때문에 '가버나움'이 아닌 '존윅4'로 하겠다. 1. 영화제목 '존 윅 4'의 평점 가져오기 2. '존 윅 4'의 평점과 같은 평점의 영화 제목들을 가져오기 '존 윅 4' 와 같은 평점은 없었나보다. 그래서 '존 윅 4' 만 나왔다. 3. '존 윅 4' 영화의 평점을 0으로 만들기 실행 후 mongoDB사이트에 들어가서 확인해보면 아래와 같이 나온다. 이렇게 연습을 다 해봤다. 3-13. 웹스크래핑 결과 저장하기 전에했던 것을 다시한번 실행해주면 터미널에서 잘나온것을 확인할 수 있다. 우린 이제 print가 아닌 mongoDB를 사용하여 데이터에 넣어줄꺼다. 먼저 mongoDB를 쓴다는 것을 제일 위에 붙여넣어준다. from pymongo import MongoClient client = MongoClient('mongodb+srv://sparta:test@cluster0.ig1ol8y.mongodb.net/?retryWrites=true&w=majority') db = client.dbsparta 그리고 딕셔너리를 만들어줄꺼다. print 대신 아래 코드를 써준다. doc ={ 'title':title, 'rank':rank, 'star':star } 그리고 새로운 movies라는 곳에 저장해준다. db.mov.. 이전 1 2 3 4 5 6 7 ··· 9 다음