본문 바로가기

강의/스파르타코딩클럽 웹개발종합반

(6)
5주차 파일질라 : 클라우드 환경에 파일을 옮기기 위해서 사용 가비아 : 도메인을 구입, ip 주소와 도메인을 매칭시켜줌 프로젝트를 서버에 옮기기 localhost: 5000 에 몇가지 세팅을 더 하면 모두가 볼 수 있는 페이지를 열 수 있다. 하지만 내 컴퓨터를 서버로 역할을 하려면 1. 컴퓨터가 항상 켜져있고 프로그램이 실행되어 있어야 하며 2) 모두가 접근할 수 있는 공개 주소인 공개 IP 주소(public ip address)로 나의 웹 서비스에 접근할 수 있도록 세팅 해야한다. 우리는 AWS라는 클라우드 서비스에서 편하게 서버를 관리하기 위해서 항상 켜 노흥ㄹ 수 있는 컴퓨터인 EC2 사용권을 구입해 서버로 사용할 것이다. ## aws login iterm 에서 아래와 같은 명령어를 치면 접속가능 s..
blueprint https://scribblinganything.tistory.com/178 파이썬 blueprint 란? 간단한 예제로 이해해보기(flask, python) Python flask blueprint blueprint란? blueprint를 간단하게 설명하면 우리가 윈도우에서 게임은 게임별로 사진은 사진별로 깔끔하게 폴더를 정리하듯이 blueprint는 flask에서 제공하는 라이브러리로 페이지나 scribblinganything.tistory.com
4주차 로컬 개발환경 세팅 내 컴퓨터에 서버를 만들고 실행을 하는 로컬 개발환경을 만들어본다. 내 컴퓨터 안에 flask 서버를 만들고, 내 컴퓨터 안에 있는 html, css, javascript 파일을 크롬에서 표시하고 mongo db를 이용하여 데이터베이스에 저장을 하는 형태가 될 것이다. 그림으로 표현하면 아래와 같다. flask 웹 프레임 워크 사용 서버를 만든다는 것은 굉장히 어려운 것이다. 서버를 만들기 위한 큰 라이브러리를 사용한다고 생각하면 되는데 이를 프레임워크라고 한다. 프레임 워크를 쓰지 않으면 태양초를 빻아서 고추장을 만드는 격이라고 생각하면 된다. 프레임 워크는 3분 요리/ 소스 세트라고 생각하면 된다고 한다. 웹 프레임 워크는 다양한 종류가 존재한다. 파이썬을 기반으로 하는 웹 프레임..
3주차 venv 폴더 virtual environment : 가상 환경 프로젝트별로 패키지와 라이브러리들을 관리하기 위함이다. 프로젝트 별로 사용하는 패키지 버전이 다를 수 있고, 무분별하게 설치 해놓으면 관리 차원에서 어려워 지는 것을 방지하기 위해 프로젝트별로 나눠서 정리를 해놓은 것으로 판단하였다. requests 패키지 pycharm을 이용해 requests 패키지를 설치하였다. requests 라이브러리는 url에서 데이터 정보를 받아 오기 위해 사용하는 패키지이다. ajax와 동일한 역할을 한다고 보면된다. 기본 requests 사용법 http://spartacodingclub.shop/sparta_api/seoulair url에 들어있는 data가 json 형식이기 때문에 json() 메서드를 이용..
2주차 javascript, jquery에 대해서 배워보았다. jquery는 HTML의 요소들을 조작하는, 편리한 javascript를 미리 작성해둔 것이다. javascript의 기능을 조금 더 간단한 코드로 작성할 수 있도록 도와준다. import jquery jquery는 google에서 만들어 놓은 것을 가져다 쓰는데, 아래의 코드를 추가하기만 하면 된다. jquery의 시작 일반적으로 브라우저가 HTML을 보여주기 위해서는 먼저 문서 구조를 만들고 만들어진 문서 구조 위에 디자인을 입히는 형식을 취한다. 이 과정에서 디자인이 입혀지지 않은 상태로 문서 구조가 만들어진 시점에 실행되는 Event가 바로. ready()입니다. 페이지가 로딩이 될 때 구현해야 되는 기능에 대한 것은 아래 process 부분..
1주차 1주차는 html, css, javascript에 대한 맛보기였다. 모든것을 상세하게 가르쳐주기 보다는 모든 개념을 빠르게 훑어보고 빠른 결과물을 만들어 낼 수 있도록 설계가 되어있다. 첫번째 주차가 끝나고 나서 만든 결과물이다. 반응형이 아닌, 고정된 형태의 결과물이며 bootstrap을 이용하였다. html (Hypertext Markup Language) 프로그래밍 언어는 아니고, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어라고 한다. html은 웹사이트의 뼈대라고 생각하면 된다. html은 head와 body라는 영역으로 나눠지고, 각각의 영역안에서 태그(tag)를 이용하여 뼈대를 구성할 수 있다. 우선 주요 태그를 살펴보겠다. 구역을 나눠주는..