웹

[스파르타코딩클럽] 💻 웹개발 종합 - 5주차 (2) (完)

《 스파르타코딩클럽 웹개발 종합 ―1주차― 》 《 스파르타코딩클럽 웹개발 종합 ―2주차― 》 《 스파르타코딩클럽 웹개발 종합 ―3주차― 》 《 스파르타코딩클럽 웹개발 종합 ━4주차━ 》 《 스파르타코딩클럽 웹개발 종합 ─5주차 (1)─ 》 [ 프로젝트 배포 ] - 기존 프로젝트의 경우 결과물을 확인 하려면 app.py를 실행시켜 flask 모듈을 통해 서버를 직접 구동하여 확인 하였음. - 프로젝트 배포(웹 서비스 런칭)를 위해서는 다양한 방법이 사용되지만 이번엔 AWS 클라우드 서비스를 통해 배포. [ IP 주소와 포트(PORT) ] - DNS (Domain Name System) 더보기 - 사실 우리는 브라우저를 통해 웹 서비스에 접속할 때 도메인(URL)이 아닌 IP주소를 통해 접속 하고 있음. -..

[스파르타코딩클럽] 💻 웹개발 종합 - 5주차 (1)

《 스파르타코딩클럽 웹개발 종합 ―1주차― 》 《 스파르타코딩클럽 웹개발 종합 ―2주차― 》 《 스파르타코딩클럽 웹개발 종합 ―3주차― 》 《 스파르타코딩클럽 웹개발 종합 ━4주차━ 》 - 클라이언트 및 서버 동작 구조 - 《 마이페이보릿 무비스타 프로젝트 예제 》 [ 폴더구조 ] - movieStar └ static └ templates └ index.html └ app.py └ init_db.py [ init_db.py ] - 초기 index.html 뼈대에 붙일 영화인 정보 DB가 필요함 - 이를 네이버 영화인 랭킹 페이지에서 영화인 정보를 크롤링해서 DB에 저장할 전처리 파일 # DB Setting import requests from bs4 import BeautifulSoup from pymo..

[스파르타코딩클럽] 💻 웹개발 종합 - 4주차

《 스파르타코딩클럽 웹개발 종합 ―1주차― 》 《 스파르타코딩클럽 웹개발 종합 ―2주차― 》 《 스파르타코딩클럽 웹개발 종합 ―3주차― 》 [ Flask 프레임워크 ] - 공식 홈페이지 : https://flask-docs-kr.readthedocs.io/ko/latest/index.html - 파이썬으로 작성된 마이크로 웹 프레임워크 - Werkzeug 툴킷과 Jinja2 템플릿 엔진에 기반을 둔 프레임워크 - 웹 엔진과 붙여 사용 가능하며, API 서버를 만들기에 편리하다는 장점이 있음 [ Flask Application ] - 주로 서버를 실행할 메인 파일을 app.py로 지칭하여 사용 - 파일 실행 시 http://localhost:5000/ 위치를 통해 연결 확인 가능 # 기본 형식 from f..

[스파르타코딩클럽] 💻 웹개발 종합 - 3주차

《 스파르타코딩클럽 웹개발 종합 ―1주차― 》 《 스파르타코딩클럽 웹개발 종합 ―2주차― 》 [ SQL vs NoSQL ] 👉 SQL(관계형 DB / RDBMS) 더보기 - 데이터를 행과 열로 구성된 정형화된 표 형태의 테이블로 저장 - 데이터의 종속성은 관계로 표현 - 열은 데이터의 속성에 대한 정보를 담고, 행은 열(데이터 속성)의 형식에 맞는 데이터가 담김 - 열의 구조와 데이터간의 관계가 테이블 스키마로 사전에 정의되어 사용 - 스키마를 수정하기가 어렵지만, 정형화 되어 있기 때문에 데이터의 분류, 정렬, 탐색 속도가 빠름 - 대표적인 RDBMS : MySQL, Oracle, MariaDB... 👉 NoSQL(비관계형 DB) 더보기 - 단어의 뜻은 "Not Only SQL"이며, 관계형 DB를 전..

[스파르타코딩클럽] 💻 웹개발 종합 - 2주차

《 스파르타코딩클럽 웹개발 종합 ―1주차― 》 [ jQuery 개념 ] - 제이쿼리는 HTML 클라이언트 사이드 조작을 단순화 하도록 설계된 자바스크립트 라이브러리임 - 제이쿼리는 오픈 소스이며 제이쿼리는 브라우저 간 호환성 문제와 자바스크립트 코드의 직관성 등을 고려하여 만들어졌음 - 제이쿼리는 HTML DOM traversing 과 manipulation, 이벤트 처리, 애니메이션, Ajax와 같은 작업을 여러 브라우저에서 작동하기 쉽게 만들어진 라이브러리임 - 제이쿼리는 한 개의 자바스크립트 파일로 존재하며 이를 스크립트로 추가하여 사용이 가능하다. [ jQuery 기능 ] 🔍 DOM traversal & manipulation - 예시) id가 "element"인 요소의 display를 숨기려 할..