Get
-
sparta → projects → bucket 폴더를 열고 시작! bucket: "버킷리스트" 관련 코드를 작성하자~ 프로젝트 설정 - flask 폴더 구조 만들기 static, templates 폴더 + app.py 만들면 된다. 패키지 설치하기 3개 : flask, pymongo, dnspython. 뼈대 준비하기 프로젝트 준비 - index.html, app.py 준비하기 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", me..
버킷리스트 - 프로젝트 세팅sparta → projects → bucket 폴더를 열고 시작! bucket: "버킷리스트" 관련 코드를 작성하자~ 프로젝트 설정 - flask 폴더 구조 만들기 static, templates 폴더 + app.py 만들면 된다. 패키지 설치하기 3개 : flask, pymongo, dnspython. 뼈대 준비하기 프로젝트 준비 - index.html, app.py 준비하기 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", me..
2022.09.26 -
1주 차에 완성한 팬명록을 완성하기! 두 가지 기능을 수행해야 한다. 응원 남기기(POST): 정보 입력 후 '응원 남기기' 버튼 클릭 시 주문 목록에 추가 응원 보기(GET): 페이지 로딩 후 하단 응원 목록이 자동으로 보이기 완성본 예제 링크: http://spartacodingclub.shop/web/homework 초미니홈피 - 팬명록 spartacodingclub.shop 파이참 기본 세팅 하기 homewirk에서 디렉터리 static, templates 만들고, app.py 파일을 만들고, templates에 index.html 파일 만들기! 패키지 설치하기 파이참에서 파일 → 설정 → 프로젝트:homework → python 인터프리터 → flask 설치 → pymongo 설치 → dnspy..
4주 차 숙제1주 차에 완성한 팬명록을 완성하기! 두 가지 기능을 수행해야 한다. 응원 남기기(POST): 정보 입력 후 '응원 남기기' 버튼 클릭 시 주문 목록에 추가 응원 보기(GET): 페이지 로딩 후 하단 응원 목록이 자동으로 보이기 완성본 예제 링크: http://spartacodingclub.shop/web/homework 초미니홈피 - 팬명록 spartacodingclub.shop 파이참 기본 세팅 하기 homewirk에서 디렉터리 static, templates 만들고, app.py 파일을 만들고, templates에 index.html 파일 만들기! 패키지 설치하기 파이참에서 파일 → 설정 → 프로젝트:homework → python 인터프리터 → flask 설치 → pymongo 설치 → dnspy..
2022.09.22 -
sparta → projects → movie 폴더에서 시작! 문제 분석 - 완성작부터 보기! movie : "스파르타 피디아" 관련 코드를 작성하자! 프로젝트 준비 - flask 폴더 구조 만들기! 루트 static, templates 폴더 + app.py, templates 폴더에 index.html 파일 만들기! 패키지 설치하기 5개 : flask, pymongo, dnspython, bs4, requests 조각 기능 구현해보기 프로젝트 준비 - URL에서 페이지 정보 가져오기 (meta태그 스크래핑) 이렇게, API에서 수행해야 하는 작업 중 익숙하지 않은 것들은, 따로 python 파일을 만들어 실행해보고, 잘 되면 코드를 붙여 넣는 방식으로 하는 게 편하다. 어떤 부분에 스크래핑이 필요한지 ..
스파르타 피디아 - 프로젝트 세팅sparta → projects → movie 폴더에서 시작! 문제 분석 - 완성작부터 보기! movie : "스파르타 피디아" 관련 코드를 작성하자! 프로젝트 준비 - flask 폴더 구조 만들기! 루트 static, templates 폴더 + app.py, templates 폴더에 index.html 파일 만들기! 패키지 설치하기 5개 : flask, pymongo, dnspython, bs4, requests 조각 기능 구현해보기 프로젝트 준비 - URL에서 페이지 정보 가져오기 (meta태그 스크래핑) 이렇게, API에서 수행해야 하는 작업 중 익숙하지 않은 것들은, 따로 python 파일을 만들어 실행해보고, 잘 되면 코드를 붙여 넣는 방식으로 하는 게 편하다. 어떤 부분에 스크래핑이 필요한지 ..
2022.09.21 -
Flask 기초 기본 폴더구조 - 항상 이렇게 세팅하고 시작하자! Flask 서버를 만들 때, 항상, 프로젝트 폴더 안에, ㄴstatic 폴더 (이미지, css파일을 넣어둔다) ㄴtemplates 폴더 (html 파일을 넣어둔다) ㄴapp.py 파일 이렇게 세 개를 만들어두고 시작하고 이제 각 폴더의 역할을 알아보자! (꼭 참고!! venv는 실제로는 보이지만, 안 보인다~라고 생각하자!) HTML 파일 불러오기 templates 폴더의 역할을 알아보자! HTML 파일을 담아두고, 불러오는 역할을 한다. 간단한 index.html 파일을 templates 안에 만들어보자. ..
Flask - HTML파일 주기Flask 기초 기본 폴더구조 - 항상 이렇게 세팅하고 시작하자! Flask 서버를 만들 때, 항상, 프로젝트 폴더 안에, ㄴstatic 폴더 (이미지, css파일을 넣어둔다) ㄴtemplates 폴더 (html 파일을 넣어둔다) ㄴapp.py 파일 이렇게 세 개를 만들어두고 시작하고 이제 각 폴더의 역할을 알아보자! (꼭 참고!! venv는 실제로는 보이지만, 안 보인다~라고 생각하자!) HTML 파일 불러오기 templates 폴더의 역할을 알아보자! HTML 파일을 담아두고, 불러오는 역할을 한다. 간단한 index.html 파일을 templates 안에 만들어보자. ..
2022.09.18 -
기존에 만들었던 index.html 파일에 OpenAPI(GET방식)를 붙여보자! 더보기 내 생애 최고의 영화들 영화 기록하기 영화URL 별점 -- 선택하기 -- ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ 코멘트 기록하기 닫기 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 미세먼지 코드를 지우고 새롭게 만들어 보자! 우선, 로드가 다 되면 실행되는 함수(구글링 해보기: javascript 로..
연습 겸 복습 - OpenAPI 붙여보기기존에 만들었던 index.html 파일에 OpenAPI(GET방식)를 붙여보자! 더보기 내 생애 최고의 영화들 영화 기록하기 영화URL 별점 -- 선택하기 -- ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ 코멘트 기록하기 닫기 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 미세먼지 코드를 지우고 새롭게 만들어 보자! 우선, 로드가 다 되면 실행되는 함수(구글링 해보기: javascript 로..
2022.09.09 -
Ajax는 jQuery를 임포트 한 페이지에서만 동작 가능하다. 즉, http://google.com/ 과 같은 화면에서 개발자 도구를 열면, jQuery가 임포트 되어있지 않기 때문에 아래와 같은 에러가 뜬다. Uncaught TypeError: $.ajax is not a function → ajax라는 게 없다는 뜻. $.ajax({ type: "GET", url: "http://spartacodingclub.shop/sparta_api/seoulair", data: {}, success: function (response) { console.log(response) } }) GET 방식으로 이 URL에 요청해서 response를 찍어주겠다는 뜻! $.ajax({ type: "GET", url: "..
Ajax 시작하기Ajax는 jQuery를 임포트 한 페이지에서만 동작 가능하다. 즉, http://google.com/ 과 같은 화면에서 개발자 도구를 열면, jQuery가 임포트 되어있지 않기 때문에 아래와 같은 에러가 뜬다. Uncaught TypeError: $.ajax is not a function → ajax라는 게 없다는 뜻. $.ajax({ type: "GET", url: "http://spartacodingclub.shop/sparta_api/seoulair", data: {}, success: function (response) { console.log(response) } }) GET 방식으로 이 URL에 요청해서 response를 찍어주겠다는 뜻! $.ajax({ type: "GET", url: "..
2022.09.04