스파르타코딩 공부내용 정리/웹개발 플러스 (5) 썸네일형 리스트형 완주 회고 1달 간 강의를 열심히 들으면서 웹개발의 능력을 성장시킬 수 있는 점이 매우 좋았다. 하지만 강의가 2020년 기준이라서 사이트가 바뀌어서 크롤링을 하는데 문제가 생기거나 코드스닛펫에 post가 빠져 작동하지 않는 등이 문제도 있었다. ( 리뷰글에 해결법을 다 적어 놓았습니다. ) 그럼에도, HTML 등 웹을 처음 다루거나 좀 더 많은 내용을 공부하고 싶다는 분들은 이 강의를 적극 추천합니다. 4주차_Sweeter(온라인 메신저) 만들기 1. 1~3주차와 차이점 1) Bulma로 예쁜 웹사이트를 만든다. (기존에는 Bootstrap) 2. 목표 : 로그인 기능을 구현할 수 있다. 3. 로그인 기능 JWT(JSON Web Token) : JSON 객체를 사용해 정보를 안정성 있게 전달하는 웹표준 1) 로그인 매서드 - 로그인 시, 비밀번호를 같은 방법으로 암호화한 후, DB에서 해당 아이디와 비밀번호를 갖는 회원이 있는지 찾습니다. 회원 정보가 없는 경우 실패 메시지를 보내고, 찾은 경우 아이디와 토큰 만료 시간을 저장하는 토큰을 만들어 넘겨줍니다. - 로그인 성공 메시지를 받으면 건네받은 토큰을 쿠키로 저장하여 만료되기 전까지 갖고 있으면서, API 요청을 보낼 때마다 회원임을 확인받습니다. - 로그아웃 시 해당 토큰을 삭제합니다. 2).. 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 :.. 이전 1 다음