728x90
반응형

웹개발종합반 4

[스파르타 코딩클럽] 4주차 실습일지 - Flask를 이용한 API 서버 구축

4주차 과제 - 이전 과제로 만들었던 쇼핑몰 웹페이지에서 다음과 같이 두 기능을 구현하기 1) 주문하기(POST): 정보 입력 후 '주문하기' 버튼 클릭 시 주문 목록에 추가 2) 주문내역보기(GET): 페이지 로딩 후 하단 주문 목록이 자동으로 보이기 완성 화면 1) app.py from flask import Flask, render_template, jsonify, request app = Flask(__name__) from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbhomework ## HTML 화면 보여주기 @app.route('/') def homework(): return render_t..

Web/기타 2021.07.24

[스파르타 코딩클럽] 3주차 실습일지 - 웹 크롤링, MongoDB

3주차 과제 - 지니뮤직의 1~50위 곡을 크롤링하기!! import requests from bs4 import BeautifulSoup from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbsparta 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://www.genie.co.kr/chart/top200?ditc=D&ymd=20200403&hh=23..

Web/기타 2021.07.11

[스파르타 코딩클럽] 2주차 실습일지 - jQuery, Ajax

2주차 과제 1주차 과제로 만들었던 쇼핑몰에 환율 API와 Ajax를 활용하여 달러-원 환율 표시하기!! 배운 내용 정리 1. jQuery 란? - HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 라이브러리! 즉, Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드이다. - Javascript로도 모든 기능을 구현할 수는 있지만, 1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서, jQuery라는 라이브러리가 등장하게 되었다. 2. jQuery 임포트 (참고: https://www.w3schools.com/jquery/jquery_get_started.asp) 3. jQuery 다루기 1) .val() .val()은 양식의..

Web/기타 2021.07.10

[스파르타 코딩클럽] 1주차 실습일지 - HTML, CSS, Javascript (feat. Bootstrap)

1주차 실습일지 시작 한이음 ICT 프로젝트에서 스파르타 코딩클럽 강의를 들을 수 있도록 지원해주어 웹개발 종합반 수업을 신청하게 되었다. 매주 강의를 들으면서 기억에 남는 내용들을 정리해서 남겨두려고 한다! 1주차 과제 완성 화면 배운 내용 정리 1. 클라이언트-서버 모델 / 웹의 동작 개념 - 브라우저는 API로 요청을 보내고, 이를 통해 받은 html 파일을 그려주는 일을 한다. - html 파일이 아닌 데이터만 받는 경우에는 JSON 형식으로 전달 받는다. 2. Pycharm에서 ctrl+alt+L로 자동 정렬 기능 사용 가능 3. CSS 배경 관련 .background { background-image: url("-- 이미지 URL 넣기 --"); background-size: cover; ba..

Web/기타 2021.06.30
728x90
반응형