다비's IT

AWS EC2 인스턴스에 Web 서버 환경 세팅을 할 때 참고하기 위해 작성한 글이다. 1. 한국시간 세팅 EC2 컴퓨터의 시간대를 한국으로 맞추는 명령어 sudo ln -sf /usr/share/zoneinfo/Asia/Seoul /etc/localtime 2. 파이썬 (python3 -> python) python3 명령어를 python으로 사용할 수 있게 하는 명령어 sudo update-alternatives --install /usr/bin/python python /usr/bin/python3 10 3. pip (pip3 → pip) 1) pip3 설치 2) pip3 명령어를 pip으로 사용할 수 있게 하는 명령어 # pip3 설치 sudo apt-get update sudo apt-get i..

배운 내용 먼저 현재까지 배웠던 내용들을 모두 활용하여 프로젝트를 셋팅하고, DB를 만들고, GET, POST 연습까지 진행해보았다. 그리고 AWS EC2 인스턴스를 생성해서 Filezilla라는 ftp 프로그램을 활용하여 웹 서버 구축을 위한 파일들을 올리고, DB 서버 등을 구축한 뒤 코드를 실행하여 웹 페이지에 접속해보았다. 이때 포트포워딩이라는 개념을 알게 되었고, nohup이라는 리눅스 명령어를 통해 AWS EC2 원격접속을 종료하더라도 웹 페이지에 계속 접속할 수 있도록 하는 명령어를 알게 되었다. 마지막으로 가비아 사이트에서 도메인을 구입한 뒤 웹 페이지를 연결하는 시간을 가졌고, 4주차 때 배운 OG 태그를 활용하여 카카오톡, 페이스북 등 SNS에 링크를 공유할 경우 요약 내용이 뜰 수 있..

이번에는 1) AWS에 웹 페이지를 개발한 코드를 올리고, 2) AWS의 DB를 내 컴퓨터와 연결하고, 3) 포트 포워딩해준 뒤, 4) AWS EC2 인스턴스의 원격접속을 종료하더라도 웹 페이지 접속이 계속 가능하도록 (즉, 컴퓨터를 종료해도 웹 페이지 접속이 가능하도록) 설정하는 방법을 알아보려고 한다! 1. 웹 페이지 개발하기 먼저, 만들고자하는 웹페이지를 개발한다. 2. AWS에서 포트 열어주기 EC2 인스턴스에서 포트를 따로 설정하는 것 이외에도, AWS EC2에서도 자체적으로 포트를 열고 닫을 수 있게 관리를 하고 있다. 따라서 AWS EC2 Security Group 에서도 인바운드 요청 포트를 열어주어야한다. 먼저 해당 인스턴스의 보안 그룹 이름을 확인하고, 해당 보안 그룹 설정으로 들어간다..

이전 게시물에서는 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..

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..

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..