안수찬 블로그

패스트트랙아시아 웹개발 2주차 강의자료

Introduction

안수찬 @dobestan

서울대학교에서 컴퓨터공학을 전공하고, 오랜 기간 서비스 기획 및 개발을 해 왔습니다. 이러한 전문성을 인정받아 미래부 소프트웨어 마에스트로에 선정된 바 있습니다. 현재는 모바일 방송국, 퍼스트캔버스에서 컨텐츠로 새로운 가치를 그리고 있습니다. 나는 안수찬이다. 그러므로 나는 할 수 있다. me@ansuchan.com


패스트트랙아시아 웹개발 2주차 강의자료

Posted by 안수찬 @dobestan on .
Featured

패스트트랙아시아 웹개발 2주차 강의자료

Posted by 안수찬 @dobestan on .

이 게시물은 소스코드와 그 결과를 보여주기 위해서 jsfiddle에서 제공하는 http iframe을 사용하고 있습니다. 웹 브라우져 주소표시줄 우측의 Load Unsafe Script 버튼을 누르셔야만 확인하실 수 있습니다. 이 부분에 대한 자세한 내용은 HTTPS 페이지에서는 HTTP IFRAME을 사용할 수 없습니다. 에서 확인하실 수 있습니다.

본 강의자료의 일부는 코드라이언에서 제공받아 제작되었습니다. 스터디원들에는 코드라이언 계정 발급해드렸습니다. 본 컨텐츠는 저작권법의 보호를 받는 바, 무단 전제, 복사, 배포 등을 금합니다.

학습목표

  • 아마존 웹 서비스 ( AWS ) EC2 인스턴스 생성하기 ( 서버 이용하기 )
  • 텍스트 에디터 사용하기 ( vi )
  • 아마존 웹 서비스 ( AWS )에서 이미지를 생성하여 AMI ( Amazon Machine Image) 로 저장하기

수업 내용

아마존 웹 서비스 EC2 인스턴스 생성하기

회원가입은 각자 알아서 해결하고 AWS Console 여기로 접속하자. 우리가 사용할 서비스는 AWS 중에서도 EC2 ( Elastic Compute Cloud )이다. 다양한 서비스 탭 중에서 Amazon Web Services > Compute & Networking > EC2로 접속하자. 아래의 사진처럼 EC2 Dashboard가 나온다면 성공이다.

이제 Launch Instance를 선택하고 Amazon Machine Instance ImageUbuntu 14.04 LTS (PV)로 선택하자. 나머지는 기본 설정으로 진행하면 되고 마지막에 Private Key는 꼭 발급받아 저장해두자. 파일 확장자는 *.pem 이고 기억하기 쉬운 이름으로 저장해두면 된다. 나는 개인적인 개발을 위한 Private Keydobestan_AWS_EC2.pem이라는 이름을 사용한다.

SSH로 맥/리눅스에서 EC2 접속하기

user$ chmod 400  
user$ ssh -i PrivateKey.pem ubuntu@54.123.456.789  

SSH로 윈도우에서 EC2 접속하기

윈도우에는 내장 ssh client가 없기 때문에 다른 프로그램을 다운받아 접속해야한다. 우리는 ssh client로는 Putty를, Putty를 위한 Private Key 생성에는 PuttyGen을 사용하도록 한다.

Putty Download Page 에서 Putty.exePuttyGen.exe를 다운받은 후 PuttyGen.exe를 실행하자.

Load an existing private key file > Load를 누른 후 AWS에서 발급받은 PrivateKey.pem을 선택한다. 아래의 사진과 같이 표시되면 Save the generated key > Save private key를 눌러 PrivateKey.ppk를 저장하자. ( 확장자가 *.ppk가 맞는지 잘 확인하자. Putty Private Key File을 의미한다. )

Session > Host Name ( or IP address )에는 ID@IP를 적으면 된다. ( 예, ubuntu@54.123.456.789 )

우리는 비밀번호가 아니라 PrivateKey를 이용해서 접속할 예정이므로 Connection > SSH > Auth로 들어가자. 하단에 있는 Private Key file for authentication에서 아까 PuttyGen으로 생성한 PrivateKey.ppk를 선택하면 EC2에 성공적으로 접속할 수 있다.

다음과 같은 메시지가 뜬다면 정상적으로 서버에 로그인된 것이다.

Last login: Tue Jul  8 05:07:15 2014 from 220.118.164.5  
ubuntu@ip-172-31-9-228:~$  

SFTP로 EC2 접속하기

다른 FTP Client를 사용해도 무방하지만 수업에서는 FileZilla를 사용해서 접속하도록 한다. Private Key는 위의 [SSH로 윈도우에서 EC2 접속하기]에서 PuttyGen을 통해서 생성한 PrivateKey.PPK를 이용하도록 한다. FileZilla Client를 (FileZilla 홈페이지)[https://filezilla-project.org/]에서 다운받고 실행하자.

아래의 내용은 윈도우 운영체제를 기준으로 설명되어 있지만 맥이나 리눅스에서도 동일하게 적용할 수 있다. 편집 > 설정에서 SFTP 탭을 선택한 이후 PrivateKey.PPK를 등록하자.

등록 이후에는 파일 > 사이트 관리자에서 호스트는 EC2에서 발급받은 Public IP ( 예, 54.92.30.249 )를 입력한다. 프로토콜SFTP - SSH File Transfer Protocol을, 로그인 유형은 비밀번호 묻기, 사용자는 ubuntu로 입력하고 진행하자.

.vimrc Setting

.vimrc를 설정하는 다양한 방법이 있겠지만 아래의 몇 가지만 설정하고 바로 개발로 넘어가도록 한다. vi를 설정하는 방법은 vi ~/.vimrc를 통해서 진행할 수 있다.

// ~/.vimrc
syntax enable "문법 요소에 색을 넣음  
color elflord "색은 elflord colorscheme을 사용

set autoindent "이전 줄의 들여쓰기를 유지  
set smartindent "더 다양한 경우에 들여쓰기 해줌

set tabstop=2 "tab 1개를 space 2개로 사용  
set shiftwidth=2 "자동들여쓰기를 space 2개로 바꿈  
set expandtab "tab을 space로 전환

set number "줄마다 숫자를 보이게 함  
set ruler "화면 하단에 현재 파일과 커서의 정보를 보여줌  
set fenc=utf-8 "생성되는 파일의 encoding을 utf-8로 함

set noswapfile "임시파일(swap) 생기지 않게함  

Ubuntu 14.04 LTS에 RVM / Ruby / Rails 설치하기

user$ sudo apt-get update  
user$ sudo apt-get upgrade  
user$ sudo apt-get install build-essential  

루비는 RVM ( Ruby Version Manager )을 사용하여 설치하자. 아래의 내용은 RVM > Installing RVM 을 참고하여 진행하였다.

Installing the stable release version:

user$ \curl -sSL https://get.rvm.io | bash -s stable  

For a Multi-User install you would execute the following:

user$ \curl -sSL https://get.rvm.io | sudo bash -s stable  

현재 Ruby Stable Version은 2.1.2 Version 이지만 수업에서는 호환성을 위해서 2.0.0을 가지고 실습합니다. 루비 버전에 대한 자세한 내용은 Ruby > Download Ruby 에서 확인하실 수 있습니다.

Install a version of Ruby (eg 2.0.0):

user$ rvm install 2.0.0  
Checking requirements for opensuse.  
Requirements installation successful.  
Installing Ruby from source to: /home/mpapis/.rvm/rubies/ruby-2.0.0, this may take a while depending on your cpu(s)...  
...
Install of ruby-2.1.1 - #complete  
Using /home/mpapis/.rvm/gems/ruby-2.0.0  

With Ruby installed, you can install all of Rails and its dependencies through RubyGems on the command line:

user$ gem install rails  

이렇게 RVM을 통해서 Ruby 2.0.0 버전을 설치하고 rails gem을 설치하였다. 3주차와 4주차에서는 기본적인 ruby 언어에 대한 학습을 진행할 예정이다.

오늘 과정이 제일 힘들고 어려운 작업입니다. 문서를 보지 않고도 루비온레일즈 개발 환경을 갖출 수 있도록 열심히 실습해봅시다. 다들 오늘 수고하셨습니다. 감사합니다.

과제

안수찬 @dobestan

https://ansuchan.com/

서울대학교에서 컴퓨터공학을 전공하고, 오랜 기간 서비스 기획 및 개발을 해 왔습니다. 이러한 전문성을 인정받아 미래부 소프트웨어 마에스트로에 선정된 바 있습니다. 현재는 모바일 방송국, 퍼스트캔버스에서 컨텐츠로 새로운 가치를 그리고 있습니다. 나는 안수찬이다. 그러므로 나는 할 수 있다. me@ansuchan.com

View Comments...