*/스파르타코딩클럽 웹개발종합반 5

[스파르타코딩클럽 | 웹개발종합반] 5주차: 미니프로젝트3, AWS

1. moviestar ▶ DB 만들기 (데이터 쌓기) # db_init.py import requests from bs4 import BeautifulSoup from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbsparta # DB에 저장할 영화인들의 출처 url을 가져옵니다. def get_urls(): 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('htt..

[스파르타코딩클럽 | 웹개발종합반] 4주차: 미니프로젝트1, 미니프로젝트2

1. Flask - Flask 기본 실행 from flask import Flask app = Flask(__name__) @app.route('/') def home(): return '나의 첫 서버!!!' if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) 🌟 URL 나눠보기: @app.route('/') 부분 수정 → url 별로 함수명이 같거나, route('/') 내의 주소가 같으면 안 된다! from flask import Flask app = Flask(__name__) @app.route('/') def home(): return '나의 첫 서버!!!' @app.route('/mypage') def mypage(): ret..

[스파르타코딩클럽 | 웹개발종합반] 3주차: Python, 크롤링, mongoDB

1. 복습: 나홀로메모장에 OpenAPI 붙여보기 - 로딩 후 바로 실행 $(document).ready(function(){ listing(); }); function listing() { console.log('화면 로딩 후 잘 실행되었습니다'); } - html 붙이기 let temp_html=` ${title} ${desc} ${comment} ` $('#cards-box').append(temp_html) // ${ } // 링크는 "${ }" // $('# ') - 완성 나홀로 링크 메모장! 중요한 링크를 저장해두고, 나중에 볼 수 있는 공간입니다 포스팅 박스 열기 아티클 URL 간단 코멘트 기사저장 여기 기사 제목이 들어가죠 기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하..

[스파르타코딩클럽 | 웹개발종합반] 2주차: JQuery, Ajax, API

1. JQuery ✔️ Javascript → 라이브러리 (미리 작성된 Javascript 코드) ✔️ import 필요 - input 박스 값 가져오기 $('#article-url').val() - div 보이기/숨기기 $('#posting-box').show() $('#posting-box').hide() - css 값 가져오기 $('#cards-box').css('width') //"cards-box"의 width 가지고 옴 $('#cards-box').css('width', '700px') //"cards-box"의 width를 700px로 바꿈 $('#posting-box').css('display') --> "block" (보임) / "none" (안 보임) - 태그 내 텍스트 입력하기 $('..

[스파르타코딩클럽 | 웹개발종합반] 1주차: HTML / CSS / JavaScript

1. 서버/클라이언트/웹의 동작 개념 - 브라우저 1) API로 요청을 보냄 2) 받은 HTML 파일 나타냄 2. HTML, CSS - HTML: 구역과 텍스트를 나타내는 코드 ㄴ head(페이지의 속성 정보)와 body(페이지의 내용)로 구성 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: 버튼입니다 textarea 태그입니다: 나는 무엇일..