스파르타코딩 공부내용 정리 (14) 썸네일형 리스트형 3주차_맛집 리스트 만들기 1. 강의에 필요한 것 Selenium / NAVER MAP API 2. NAVER MAP API 신청 1) 네이버 클라우드 플랫폼에서 회원가입 2) 지도 API 이용 신청 3) 'Application 등록' 클릭 4) 설정 정보 입력하기 -> http://localhost:5000 과 http://AWS아이피 5) 지도 API 인증 아이디 확인 3. 맛집 정보 스크래핑하기 1) scraping.py from selenium import webdriver from bs4 import BeautifulSoup import time from selenium.common.exceptions import NoSuchElementException from pymongo import MongoClient impor.. 2주차_나만의 단어장 만들기 1주차와 다른 점 - Detail 페이지가 있다는 것 - 서버사이드랜더링 - 멀티사이드페이지 - 공공 API 디자인이 된 페이지를 받았을 때 생각할 것 1. 우리가 만들어야 하는 페이지와 기능들은? 1) 메인 페이지 2) 상세 페이지 2. 가져야 할 마음들은? -> 돌아가기만 하면 된다. 상세페이지 만들기 1. detail.html 먼저 생성해야 한다. 2. detail page로 가기 위해 app.py 연결 @app.route('/detail') def detail() : return render_template("detail.html") 메인페이지에서 상세페이지로 넘어가기 1. a tag 상세 페이지로 가기 2. windows.location.href를 이용해주는 방법 // script 태그 안에 정.. 1주차_나만의 일기장 예제로 웹개발 기본 익히기 수업의 목표 웹서비스 만들기 전 과정을 복습한다. 파일 올리기 기능을 구현한다. AWS에 배포 과정을 복습한다. 필수 프로그램 PyCharm, AWS 가입, Python, mongoDB, Studio 3T, Git Bash(Only Windows), Filezilla 이론 복습 클라이언트 : 브라우저 등 [User] | 요청하는 쪽 서버 : Flask 서버(app.py) 등 [Administrator] | 요청을 받아서 무언가를 돌려주는 쪽 API : 요청을 받기 위해 뚫어놓은 '창구' 서버에서 해당하는 HTML, CSS, JS 찾아서 로딩 DB : 정보 저장 주요 질문들 [서버] 서버는 컴퓨터의 "ROLE" HTML + CSS + JS 를 주기도 하지만 JSON을 주기도 한다 JSON은 항상 "ID :.. 나만의 프로필 링크 만들기 스파르타코딩클럽 중 '나만의 프로필 링크 만들기' 리뷰!! 사용하는 것은 MS VS Code와 Github 정도이다. 언어 : HTML HTML 공부하기 HTML의 기본 구성을 봐야 한다. HTML은 크게 head 부분과 body 부분으로 나뉘어 있다. head는 박스 꾸미기, 배경 꾸미기 등 꾸미기의 부분이고 body는 본문 내용 그림, 글 등의 부분이다. head부분은 특히 링크의 제목, 임베디드 박스 꾸미기 등을 담당한다. 각 글, 그림 등을 꾸미려면 해당 부분을 지칭해주어야 하는데 이는 처럼 class를 지정하여 지칭할 수 있다. body 안에는 h1, p, a 등 다양한 시작어들이 있는데 각 각 살펴보면 h1 : 주제목, h2 : 부제목, h3~h6 : 제목들(점점 작아짐) p : 글 a : 박.. 이전 1 2 다음