스파르타코딩클럽/웹개발 종합반 (5) 썸네일형 리스트형 스파르타 코딩클럽 웹개발 5주차 [수업 목표] Flask 프레임워크를 활용해서 API를 만들 수 있다. '버킷리스트'를 완성한다. EC2에 내 프로젝트를 올리고, 자랑한다! 01. 버킷리스트 프로젝트 세팅 1) 문제 분석 - 완성작부터 보기 : [ http://spartacodingclub.shopweb/bucket ] 2) 프로젝트 설정 - flask 폴더 구조 만들기 : static, templates 폴더 + app.py 3) 패키지 설치하기 : flask, pymongo, dnspython 01 - 1. 뼈대 준비하기 app. py 더보기 from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home().. 스파르타 코딩클럽 웹개발 4주차 [수업 목표] Flask 프레임워크를 활용해서 API를 만들 수 있다. '화성에 땅사기' API를 만들고 클라이언트에 연결한다. '스파르타피디아' API를 만들고 클라이언트와 연결한다. 1. Flask 서버 만들기 1) Flask 패키지 설치 [ 패키지명 : Flask ] 2) 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) http://localhost:5000/ 3) URL 나누기 @app.route('/) 부분을 수정해서 URL을 나눌 .. 스파르타 코딩클럽 웹개발 3주차 [수업 목표] 파이썬 기초 문법을 안다. 원하는 페이지를 크롤링 할 수 있다. pymongo를 통해 mongoDB를 제어할 수 있다. 1. 연습 겸 복습 (스파르타피디아에 OpenAPI 붙여보기) 스파르타피디아 API : http://spartacodingclub.shop/web/api/movie 2주차 작성 코드 ↓↓ 더보기 내 생애 최고의 영화들 영화 기록하기 영화URL 별점 -- 선택하기 -- ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ 코멘트 기록하기 닫기 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐⭐ 나의 한줄 평을 씁니다 영화 제목이 들어갑니다 여기에 영화에 대한 설명이 들어갑니다. ⭐⭐.. 스파르타 코딩클럽 웹개발 2주차 [수업 목표] Javascript 문법에 익숙해진다. jQuery로 간단한 HTML을 조작할 수 있다. Ajax로 서버 API(약속)에 데이터를 주고, 결과를 받아온다. 01. 2주차 오늘 배울 것 1) 2주차: jQuery, Ajax 더보기 오늘은 HTML파일을 받았다고 가정하고, Javascript로 다시 서버에 데이터를 요청하고 받는 방법을 배워볼거예요. jQuery를 이용해 Javascript로 HTML을 쉽게 제어하고, Ajax를 이용해 다시 서버에 데이터를 요청하고 받아보겠습니다. 2) Javascript 잠깐 복습 - 홀짝 판별 onclick 함수 만들어보기 더보기 let even = 4; console.log(even % 2); // 2로 나눈 나머지가 0입니다. let odd = 5; c.. 스파르타 코딩클럽 웹개발 1주차 0. HTML은 뼈대, CSS는 꾸미기 (javascript는 기능) 1.HTML 기초 HTML은 크게 head와 body로 주로 구성됩니다. head안에는 페이지의 속성 정보를 (보이지 않는 내용) body안에는 페이지의 내용을 담습니다. (보이는 것) 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: 버튼입니다 textarea 태그입니다: .. 이전 1 다음
