728x90

Sparta 95

웹개발 종합반 5주차 - AWS, 서버세팅, 도메인연결

AWS 에서 인스턴스 시작 Keycode 를 다운받아서 보관. Git Bash 실행 ssh 키코드다운받은거 드래그해서 넣기 ubuntu@aws의 퍼블릭 IPv4 주소 ex)ssh -i/c/Users/kevin/Desktop/WEB/keycode.pem ubuntu@xx.xxx.xxx.xxx Git bash 설치할거 ############# 설 치 ################ 명령내릴때 python3라고 안치고, python이라고 치고 명령 내리기 # python3 -> python sudo update-alternatives --install /usr/bin/python python /usr/bin/python3 10 패키지를 설치할때 필요한거. (flast, pymongo 등) # pip3 -> pi..

웹개발 종합반 4주차 - Flask로 서버를 구동시켜서 html,css,js와 연동

Flask - Flask 란 파이썬을 기반으로 작성된 마이크로 웹 프레임워크(framework) 중 하나 - 쉬운 만큼 단점도 있는데 그중 하나는 보안 부분에서 비교적 취약 - 서버를 구동시켜주는 편한 코드 모음. 서버를 구동하려면 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있습니다. 프레임워크를 쓰지 않으면 태양초를 빻아서 고추장을 만드는 격! 프레임워크는 3분 요리/소스 세트라고 생각하면 되겠습니다! 웹 프레임워크(Web Framework)란? - 웹 프레임워크란 동적인 웹 페이지나 웹 애플리케이션 등을 개발할 때 발생하는 어려움을 줄여주는 일종의 '틀' Pakage 설치 - flask 프로젝트 폴더 안에, - static 폴더 (이미지, css파일을 넣어둡니다) - templates 폴더 (html파..

웹개발 종합반 3주차 - Python 크롤링, DB 연결

Python, MongoDB Python 패키지 설치 - requests request 패키지는 가장 많이 사용하는 라이브러리중 하나이며 request를 이용하면 쉽게 http 요청을 보낼수 있습니다. (HTML 문서에 담긴 내용을 가져 오도록 request(요청) 해야 한다) - bs4 HTML 문서를 탐색해서 원하는 부분만 쉽게 뽑아낼 수 있는 파이썬 라이브러리 BeautifulSoup 웹크롤링 (웹 스크래핑) 기본 코드 import requests from bs4 import BeautifulSoup headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrom..

웹개발 종합반 2주차 - JS/JQUERY/AJAX로 API받기

Javascript / JQuery / Ajax JQuery를 이용해 Javascript를 html로 쉽게 제어 Ajax를 이용해 서버에 데이터를 요청하고 받기 JQuery 추가 코드 Javascript - 데이터 스플릿 여러개 할때 answer.split('@')[1].split('.')[0] JQuery HTML 데이터를 자료형에 넣을때( ` ` 안에 넣어야함) let temp_html = `${answer}`; - 데이터 가져오기 $('#id입력').val(); - 데이터 보내기 $('#id입력').val('데이터 입력'); - 데이터를 추가하기 $('id입력').append(변수혹은 띄울 데이터 입력); - 데이터를 비우기 $('#names-q3').empty(); 크롬 익스텐션 JSONView ..

웹개발 종합반 0 - 1주차 - HTML/CSS/JS/부트스트랩

HTML/CSS/JS(기초) 부트스트랩(CSS) https://getbootstrap.com/docs/5.0/components/card/ 부트스트랩 & JQuery 추가하는 코드 구글폰트 // style 파트에 추가 * { font-family: 'Gowun Dodum', sans-serif; } CSS 배경이미지 어둡게 size와 position은 배경이미지를 항상 따라다닌다고 생각하기 background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(""); background-size: cover; background-position: center; CSS Display: flex 이렇게 4줄도 콤보 displa..

728x90