다비's IT

이전 게시물에서는 AWS에 웹 서버 구축하고, DB 서버 연결, AWS EC2 인스턴스 원격접속 종료 시에도 웹 페이지를 접속할 수 있는 방법 등을 알아보았습니다. https://daeunnniii.tistory.com/112 AWS에 웹 서버 구축 및 DB 서버 연결 및 웹 페이지 배포하기 (1) 이번에는 1) AWS에 웹 페이지를 개발한 코드를 올리고, 2) AWS의 DB를 내 컴퓨터와 연결하고, 3) 포트 포워딩해준 뒤, 4) AWS EC2 인스턴스의 원격접속을 종료하더라도 웹 페이지 접속이 계속 가능하도 daeunnniii.tistory.com 이번에는 도메인을 구입하고, AWS 웹 서버와 연결해서 웹 페이지 배포하는 방법까지 알아보겠습니다! 도메인 구매는 가비아(gabia)라는 사이트에서 진행해..

FileZilla란? FileZilla는 FTP 프로그램 중 하나이다. 즉, 개인 컴퓨터와 웹 사이트(웹 서버) 간에 파일 전송 프로그램이다. FileZilla 설치하기 https://filezilla-project.org/download.php Download FileZilla Client for Windows (64bit x86) Download FileZilla Client for Windows (64bit x86) The latest stable version of FileZilla Client is 3.55.0 Please select the file appropriate for your platform below. Please select your edition of FileZilla Clie..

4주차 과제 - 이전 과제로 만들었던 쇼핑몰 웹페이지에서 다음과 같이 두 기능을 구현하기 1) 주문하기(POST): 정보 입력 후 '주문하기' 버튼 클릭 시 주문 목록에 추가 2) 주문내역보기(GET): 페이지 로딩 후 하단 주문 목록이 자동으로 보이기 완성 화면 1) app.py from flask import Flask, render_template, jsonify, request app = Flask(__name__) from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbhomework ## HTML 화면 보여주기 @app.route('/') def homework(): return render_t..

이전에 "책 리뷰 게시판" 웹 애플리케이션을 만들면서 Flask로 GET, POST 요청을 보내는 과정을 정리했다. https://daeunnniii.tistory.com/104 Flask와 MongoDB를 활용한 웹 애플리케이션 만들기(1) | GET, POST 요청 보내기 "책 리뷰 게시판" 웹 애플리케이션을 만드는 과정을 통해 Flask로 GET, POST 요청을 보내는 부분을 정리하려고 한다. 1. POST 요청 실습 - 리뷰 저장하기 A. 요청 정보 - 요청 URL= /review , 요청 방식 daeunnniii.tistory.com 이번에는 Flask, MongoDB과 더불어 Beautifulsoup4을 활용하여 "나홀로 링크 메모장" 웹 애플리케이션을 만들어보려고 한다. 나홀로 링크 메모장..

"책 리뷰 게시판" 웹 애플리케이션을 만드는 과정을 통해 Flask로 GET, POST 요청을 보내는 부분을 정리하려고 한다. 1. POST 요청 실습 - 리뷰 저장하기 A. 요청 정보 - 요청 URL= /review , 요청 방식 = POST - 요청 데이터 : 제목(title), 저자(author), 리뷰(review) B. 서버가 제공할 기능 클라이언트에게 보낸 요청 데이터를 데이터베이스에 생성(Create)하고, 저장이 성공했다고 응답 데이터를 보냄 C. 응답 데이터 (JSON 형식) 'result'= 'success', 'msg'= '리뷰가 성공적으로 작성되었습니다.' 1) 클라이언트 코드 - index.html function makeReview() { let title = $('#title'..

1. Flask 프레임워크란? Flask는 Micro web application framework로 파이썬의 웹프레임워크중 Django와 더불어 가장 많이 쓰이는 웹 애플리케이션 프레임워크이다. ▶ Django와 Flask의 차이점 Django는 full stack web framework로 모든 기능이 이미 준비되어있고 개발자가 필요에 따라 사용하면 되지만, Flask는 최소한의 기능만을 제공하여 데이터 베이스 연결 외에도 양식 처리, 보안, 인증 등 모두 개발자가 직접 처리할 수 있다는 점에서 Django 보다 자유도가 높다. 2. Flask 설치 방법 1) pip로 flask 패키지 설치 pip3 install flask 방법 2) Pycharm에서 설치 Pycharm에서 File>Settings..

3주차 과제 - 지니뮤직의 1~50위 곡을 크롤링하기!! import requests from bs4 import BeautifulSoup from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbsparta headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'} data = requests.get('https://www.genie.co.kr/chart/top200?ditc=D&ymd=20200403&hh=23..

1. beautifulsoup4 패키지 설치 및 크롤링 기본 셋팅 import requests from bs4 import BeautifulSoup # 타겟 URL을 읽어서 HTML를 받아오고, headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'} data = requests.get('https://movie.naver.com/movie/sdb/rank/rmovie.nhn?sel=pnt&date=20200303',headers=headers) # HTML을 BeautifulSoup 라이브러리를 활용해 검색..

2주차 과제 1주차 과제로 만들었던 쇼핑몰에 환율 API와 Ajax를 활용하여 달러-원 환율 표시하기!! 배운 내용 정리 1. jQuery 란? - HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 라이브러리! 즉, Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드이다. - Javascript로도 모든 기능을 구현할 수는 있지만, 1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서, jQuery라는 라이브러리가 등장하게 되었다. 2. jQuery 임포트 (참고: https://www.w3schools.com/jquery/jquery_get_started.asp) 3. jQuery 다루기 1) .val() .val()은 양식의..

1주차 실습일지 시작 한이음 ICT 프로젝트에서 스파르타 코딩클럽 강의를 들을 수 있도록 지원해주어 웹개발 종합반 수업을 신청하게 되었다. 매주 강의를 들으면서 기억에 남는 내용들을 정리해서 남겨두려고 한다! 1주차 과제 완성 화면 배운 내용 정리 1. 클라이언트-서버 모델 / 웹의 동작 개념 - 브라우저는 API로 요청을 보내고, 이를 통해 받은 html 파일을 그려주는 일을 한다. - html 파일이 아닌 데이터만 받는 경우에는 JSON 형식으로 전달 받는다. 2. Pycharm에서 ctrl+alt+L로 자동 정렬 기능 사용 가능 3. CSS 배경 관련 .background { background-image: url("-- 이미지 URL 넣기 --"); background-size: cover; ba..