목록분류 전체보기 (173)
그저 내가 되었고
1. 프로젝트 명 : 너만 오타쿠가 아니야! (otakuonly) 2. 소개 : 감상한 애니메이션에 대해 소개하고 장르 및 리뷰 별점을 다른 유저와 공유해보자! 3. 와이어 프레임 - 사이트 접속 페이지 - - 회원가입 페이지 - - 메인 페이지 - - 글 작성 페이지 - - 게시글 보기 페이지 - 4. 개발 해야 하는 기능들 기능 Method URL request 로그인 POST /api/login {'id' : id, 'pw' : pw} 회원가입 POST /api/membership {'id' : id, 'pw' : pw} 게시글 조회 GET /api/posts 게시글 작성 POST /api/posts {'img' : img, 'title' : title, 'genre: genre, 'review' ..
- 브라우저 제어: 내가 필요한 정보를 얻기 위해 로그인, 스크롤 내리기 등 브라우저를 동작시켜야 할 때! selenium 같은 브라우저 제어 프로그램을 이용 가능 웹스크래핑 뿐만 아니라 브라우저 제어 기능을 응용하면 정해진 시간에 게시판에 글을 작성하는 등 다양한 업무를 자동화하는 데 쓰일 수 있음! 03. 셀레니움으로 스크래핑하기 - 2 0] 스크래핑 복습 - 웹 스크래핑(web scraping): 웹 페이지에서 우리가 원하는 부분의 데이터를 수집해오는 것을 뜻함 - 한국에서는 같은 작업을 크롤링 crawling 이라는 용어로 혼용해서 쓰는 경우가 많습니다. 원래는 크롤링은 자동화하여 주기적으로 웹 상에서 페이지들을 돌아다니며 분류/색인하고 업데이트된 부분을 찾는 등의 일을 하는 것을 뜻함. - 구글..
- app.py from flask import Flask, render_template, request, jsonify, redirect, url_for from pymongo import MongoClient import requests app = Flask(__name__) client = MongoClient('mongodb://아이디:비밀번호@내 아이피', 27017) db = client.dbsparta_plus_week2 @app.route('/') def main(): msg = request.args.get("msg") # DB에서 저장된 단어 찾아서 HTML에 나타내기 words = list(db.words.find({}, {"_id": False})) return render_temp..
01. 2주차에 배울 것 * 동적 웹페이지의 종류: Client-side rendering(CSR): 자바스크립트에 데이터를 포함해서 보낸 후, 클라이언트 쪽에서 HTML을 완성하는 방법 Server-side rendering (SSR): 서버 쪽에서 템플릿 HTML에 데이터를 끼워넣어 완성된 형태의 HTML을 보내주는 방법 복합적인 방법: 클라이언트 쪽에서 Ajax 요청을 보내서 서버에서 데이터를 받아와 HTML을 완성하는 방법 * Jinja2? Flask 프레임워크에서 사용하는 템플릿 언어. '템플릿'이 되는 HTML 문서에 "여기에 데이터를 끼워 넣을거야!"라고 표시해주는 역할. 그 문법을 배워보자~! * API 키? Open API라도 너무 많은 요청을 보내는 등의 악용을 방지하기 위해, API ..
🔮진행 순서 [1] 생김새 만들기 [2] 준비하기 [3] 서버 만들기 [4] 클라이언트 만들기 [1] 생김새 만들기 1. 사진 파일 입력하는 칸 만들어주기 1) 부트스트랩 컴포넌트(head에) https://getbootstrap.com/docs/4.0/components/alerts/ 2) HTML, CSS - 카드에 이미지 넣기(여기까지 하면 기존의 카드들에 이미지가 달라붙음) 부트스트랩 컴포넌트 페이지의 card에서 이미지 태그 찾아 넣기 + static 폴더에 사진 넣고 가져오기 코드👇🏻 오이카와상,,, 암만 네가 잘나가도,,, 너는 여전히 내 아픈 손가락😭,,,,, 3) HTML,CSS - 폼 부분 파일 업로드 넣기(여기까지 하면 Browse 누르고 사진 선택했을 때 그 사진이 선택 창에 들어옴..