노엘의 샴슈

1. app.py 만들기 2. venv 가상환경 설정하기 더보기 python -m venv venv (venv)로 잘 뜨는지 확인하기! 3. templates > index.html 만들기 4. 패키지 설치하기 더보기 pip install flask pymongo dnspython 띄어쓰기로 구분 원하는 라이브러리 확인하려면 pip freeze로 확인할 수 있음! pip freeze 5. 기본 코드 1) app.py 더보기 from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route("/..

1. app.py 만들기 2. venv 가상환경 설정하기 더보기 python -m venv venv (venv)로 잘 뜨는지 확인하기! 3. templates > index.html 만들기 4. 패키지 설치하기 더보기 pip install flask pymongo dnspython 띄어쓰기로 구분 원하는 라이브러리 확인하려면 pip freeze로 확인할 수 있음! pip freeze 5. 기본 코드 1) app.py 더보기 from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route("/..

1. app.py 만들기 2. venv 가상환경 설정하기 더보기 더보기 python -m venv venv (venv)로 잘 뜨는지 확인하기! 3. templates > index.html 만들기 4. 패키지 설치하기 더보기 더보기 pip install flask pymongo dnspython 띄어쓰기로 구분 원하는 라이브러리 확인하려면 pip freeze로 확인할 수 있음! pip freeze 5. 기본 코드 더보기 더보기 1) app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @..

1. 서버-클라이언트 통신 이해하기 1) 서버 ➡️ 클라이언트 : JSON 데이터 더보기 1) 서울시 미세먼지 Open API http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 그냥 열어보면 데이터가 보기 좋지 않게 뜰 것이다. 그래서 Json형으로 바꿔주는 아래 확장자를 추가한다! 2) JSONVue 설치하기 https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko 3) 다시 데이터 확인해보기 그럼 아래처럼 데이터가 보기 좋게 정리되어 뜨는 것을 확인할 수 있다! 2) 클라이언트 ➡️ 서버 :..

1. Javascript, jQuery, Fetch란 더보기 Javascript : 웹페이지가 특정 상황에 따라 동적으로 작동할 수 있도록 해주는 언어 jQuery : 웹사이트에 자바스크립트를 쉽게 활용할 수 있도록 도와주는 라이브러리 jQuery를 임포트하려면 아래 코드를 head 태그 안에 넣어준다. Fetch : 짧은 코드로 서버에 요청을 보내고 데이터를 받아올 수 있다. 2. 자바스크립트와 HTML의 연결 더보기 1) 자바스크립트 위치 안에 로 작성한다. script 태그 안에 자바스크립트를 작성하는 것. 2) 함수 작성해보기 script 태그 안에 hey() 라는 함수를 정의하고, 버튼 태그 안에 onclick="hey()" 함수를 호출했다. 페이지에서 버튼을 누르면 alert가 뜨는 걸 볼 수..