스파르타코딩클럽 6

[Web] AWS 가상 서버 이용하기(2) - 가상 컴퓨터에서 서버 파일 실행하기

저의 경우에 아주 간단한 개인 프로젝트를 진행하기 위해 AWS를 통해 가상 서버를 만들고 이용해봤고, 아래와 같은 과정을 진행했습니다. 1. AWS 인스턴스 생성(가성 서버 생성과 같은 의미입니다.) 2. 깃 배시(Git bash)를 통해 내 노트북에서 가상 서버 컴퓨터로 접속 3. 파일 질라(File Zilla)로 가상 서버 컴퓨터에 내 프로젝트 파일 복사 4. 가상 컴퓨터에 있는 프로젝트 원격 실행 및 원격 종료 4개의 과정 중 1번, 2번 과정은 아래 링크의 글에 작성했습니다. https://as-j.tistory.com/44 [Web] AWS 가상 서버 이용하기(1) - AWS 인스턴스 생성하기 스타트업이나 개인 프로젝트를 하다 보면 제작한 웹 페이지를 24시간 돌아가는 서버를 통해 모두에게 서비..

[Web] AWS 가상 서버 이용하기(1) - AWS 인스턴스 생성하기

스타트업이나 개인 프로젝트를 하다 보면 제작한 웹 페이지를 24시간 돌아가는 서버를 통해 모두에게 서비스를 공유할 수 있어야 합니다. 이 글에서는 개인 프로젝트로 원페이지 쇼핑몰 웹 페이지를 만들면서, 만든 파일을 AWS(Amazon Web Service)를 이용해 24시간 돌아가는 클라우드 가상 서버에 연결한 방법을 정리해본 글입니다. AWS를 통해 가상 서버를 만들고, 이 가상 서버에서 제가 만든 프로젝트를 실행시키기 위해 다음과 같은 과정을 진행했습니다. 1. AWS 인스턴스 생성(가성 서버 생성과 같은 의미입니다.) 2. 깃 배시(Git bash)를 통해 내 노트북에서 가상 서버 컴퓨터로 접속 3. 파일 질라(File Zilla)로 가상 서버 컴퓨터에 내 프로젝트 파일 복사 4. 가상 컴퓨터에 있..

[Web] API 설계 시 데이터 타입 POST, GET 사용법(feat. CRUD, Flask)

GET, POST와 같은 데이터 타입을 이해하려면 우선 API가 무엇인지 이해해야 합니다. 간단하게 요약하면 API는 서버와 클라이언트가 서로 다른 프로그램(예를 들면 서버는 Python, 클라이언트는 html, JS)에서 요청과 응답을 서로 주고받을 수 있도록 만든 체계입니다. 대개 클라이언트는 요청을 보내고, 서버는 이에 대한 응답(데이터)을 제공하는 구조인데, 여기서 이 요청에 대한 종류를 크게 4가지, CRUD로 나눌 수 있습니다. CRUD는 각 알파벳마다 Create, Read, Update, Delete 등의 데이터 요청 방식을 의미합니다. 여기서 각 데이터 요청 방식에 따라 API에서는 마치 스티커(실제로는 메소드라고 부름)처럼 데이터 타입을 미리 정의하고, 각 방식에 알맞게 요청과 데이터가..

[Python] 매우 기초적인 Python 크롤링하는 법(feat. 간단한 DB 설명)

1. 크롤링이란? '크롤링'은 정의하자면 검색 엔진(네이버, 구글 등) 로봇을 통해 데이터를 수집하는 방법을 의미합니다. 흔히 개인이 포털 사이트에서 검색을 통해 확인할 수 있는 정보를 퍼오는 행위인 '스크랩핑' 또한 크롤링이라고 부르기도 합니다. 2. 크롤링 하는 법 코딩을 통해 크롤링을 하기 위해선 2가지 핵심 요소가 있습니다. 첫 번째는 원하는 페이지의 HTML을 요청하는 것, 두 번째는 요청을 통해 가져온 HTML 중 필요한 데이터만을 잘 골라내는 것입니다. 이를 파이썬에서 성공적으로 진행하기 위해선 먼저 임포트(import) 해야 하는 라이브러리가 있습니다. 임포트 할 라이브러리는 requests, beautifulsoup가 있으며 다음과 같이 입력하면 임포트 할 수 있습니다. import re..

[Web] jQuery(제이쿼리) 임포트 하는 법과 Ajax(에이잭스) 사용하기

1. jQuery jQuery는 HTML 사용자가 HTML을 조금 더 잘 제어하기 위한 방법 중 하나로, 자바스크립트(Javascript)를 더 편하게 사용할 수 있게 하는 자바스크립트 함수의 모음(라이브러리)입니다. jQuery를 통해 다음과 같이 기존의 긴 자바스크립트 명령을 직관적인 함수로 사용할 수 있습니다. document.getElementById('element').style.display = "none"; 위 명령은 순수하게 자바스크립트 언어로 작성한 명령이고, 해당 id(예시에서는 'element')의 태그를 숨긴다는 명령입니다. $('#element').hide() 맨 위의 명령과 같은 명령이며, 보다 직관적이고 편리한(짧은) 것을 알 수 있습니다. 또, 알 수 있는 것은 자바스크립트 ..

[Web] 웹 개발의 0단계: HTML, CSS, JS(Javascript) 간단 요약 + 유용한 CSS 사이트

웹 서비스 개발 및 배포를 위해선 프론트엔드(front-end)와 백엔드(back-end)가 구성이 되어야 하고, 그중 시각적이고 직관적인 부분을 담당하는 프론트엔드는 우리 눈에 보이는 웹 페이지 자체를 만드는 영역입니다. 그리고 웹 페이지를 제작하기 위해선 HTML, CSS, JS(Javascript, 자바스크립트)라는 3가지 구성요소를 이해하고, 사용할 줄 알아야 합니다. 이 글에서는 강의(스파르타코딩클럽)와 함께 제가 이해한 내용을 바탕으로 정리한 내용입니다. 우선 이 글을 요약하면 다음과 같습니다. 웹 페이지 제작에는 HTML, CSS, JS, 이렇게 3가지 도구 및 언어를 알아야 하며, 이 3가지 요소는 사람으로 비유했을 때 다음과 같은 역할을 합니다. 1. HTML: 사람 신체의 뼈, 신체 구..