PROGRAMMING WORLD

[AWS EC2] 서버에 apache 설치하기 (웹서버 설치)

Mind Hacker — Thu, 18 Feb 2021 18:27:27 +0900

[2021-2-18 updated]

지난 포스팅에서 AWS EC2 인스턴스를 생성했다.

여기에 아파치 웹서버를 설치해보자.

[링크]EC2인스턴스 생성후 서버에 접속하는 포스팅 바로가기

1. SSH 툴을 이용해서 내 서버(인스턴스)로 접속한다.

2. 우선 명령어 sudo apt-get update 를 날려 설치 가능한 리스트를 업데이트 하고

3. 명령어 sudo apt-get install apache2 를 날려 아파치를 설치하자.

아파치 설치 명령어 화면

4. 설치가 완료되면 명령어 apache2 -version 을 날려서 아래와 같이 버전 정보가 나오는지 확인해보자.

아파치 버전 정보 확인

5. 이제 설치한 나의 웹서버에 브라우저로 접속을 하기 위해 보안그룹에 인바운드 규칙 추가 작업이 필요하다.

- AWS 콘솔에 로그인하고 EC2 -> 네트워크 및 보안 탭에서 보안 그룹탭을 선택해준다.

- 인바운드 규칙 편집에 들어가서 유형에 HTTP, 그리고 소스를 위치무관으로 설정한 후 규칙 저장을 클릭한다.

AWS 인바운드 규칙 편집 화면

6. 이제 브라우저를 열고 내 퍼블릭 IP를 브라우저에 입력해보자 (퍼블릭 IP는 인스턴스 상세보기에서 확인 가능)

- 아래 화면처럼 아이피를 입력했을때 apache2의 default page가 나오는걸 볼 수 있다.

- 이제 내 웹서버가 외부에서도 호출 가능하도록 설정이 완료되었다.

브라우저에서 IP를 통해 웹서버 접근 화면

다음 포스팅은 설치된 웹서버에 국룰인 php와 mysql DB를 설치후 연동하는 테스트를 해보겠다.

[AWS EC2] 인스턴스 생성 및 서버 접속 (서버 구축)

Mind Hacker — Wed, 17 Feb 2021 18:18:38 +0900

[2021-2-17 updated]

AWS에 최초 가입하면 1년간 무료티어의 기본사용이 가능하다.

(1년 후부터 결재가 되지만 다른아이디로 다시 생성하면 다시 1년 무료가 된다.)

웹서버 구축을 위한 EC2 인스턴스 생성에 대해 보자.

1. 우선 AWS에 접속해 신규 계정을 생성한다.

- 계정 생성시 유효한 신용/체크 카드 입력을 하지만 프리티어만 사용할 경우 결제되지 않으니 안심하자.

2. 계정생성이 완료되었으면 콘솔에 로그인하여 접속하면 아래와 같은 화면이 나온다.

- 최초 로그인 하면 지역이 한국(서울)로 설정되어있지 않을 수 있다. EC2를 생성하기 전에 지역먼저 변경 해준다.

- 지역을 아시아 태평양(서울) 로 변경하면 EC2 사용 메뉴를 클릭한다.

AWS 지역 설정 및 ec2 선택

3. 첫번째 단계 서버 종류를 선택하고 다음으로 넘어간다. (난 우분투를 선택하였다)

AWS machine image 선택화면

4. 인스턴트 유형(하드웨어 스펙)을 선택하는 화면이다.

- 기본으로 선택되어있는 t2.micro 프리티어를 선택하고 검토 및 시작을 한다.

AWS 하드웨어스팩 선택화면

5. 인스턴트 시작 검토 화면에서 보안그룹이 default VPC security group 으로 되어있다면

- 보안그룹구성 탭으로 이동하여 새 보안그룹 생성을 해준다.

- 이때 유형을 SSH로 선택하고 소스에 내 IP를 선택하면 내 PC에서만 접근이 가능하도록 할 수 있다.

AWS 보안그룹 구성 화면

6. 새로운 보안그룹 설정이 완료되면 우측 하단의 검토 및 시작 버튼을 클릭하여 다시 검토 화면으로 이동한다.

- 시작버튼을 클릭하면 기존 키페어 성택 혹은 키 페어 생성 팝업이 뜬다.

AWS 인스턴스 검토 최종 화면

7. 처음 사용자라면 새 키 생성에서 이름을 입력하고 키 다운로드를 클릭하면 pem 파일이 내 pc에 다운로드 된다.

- 처음 생성하는게 아니라면 기존 다운받은 키를 동일하게 사용할 수 있다.

- 여기서 다운로드 받은 *.pem 키는 서버에 접속할때 인증 수단이므로 잘 보관하도록 한다.

- 키 다운로드가 완료되었으면 인스턴스 시작버튼을 눌러 모든 단계를 완료한다.

AWS 키 생성 화면

8. 아래 완료 화면에서 인스턴스 보기를 누르면 생성된 인스턴스의 상세 정보를 볼 수 있다.

AWS EC2 인스턴스 생성 완료화면

9. 인스턴스 ID를 클릭하면 인스턴스의 주소 등 상세정보를 볼 수 있다.

AWS 인스턴스 상세보기 화면

10. 이제 putty나 xshell 같은 ssh 툴을 사용해 내 서버에 접속해보자. (여기선 Xshell로 접속해보겠다)

- 새 세션을 생성해 이름을 적고 프로토콜 -> SSH, 호스트에는 위 상세화면에 있는 퍼블리 IPv4 주소를 적는다.

- 사용자 인증탭으로 이동해서 사용자 이름에 ubuntu 적고 방법에 Public key를 선택한 후 설정으로 들어간다.

- 여기서 아까 인스턴스 생성시 다운받았던 pem키를 가져와서 등록하고 연결하면 끝.

xshell7 에서 ssh로 서버에 접속하는 화면

여기까지 AWS 계정생성 후 EC2 프리티어로 우분투서버를 생성 및 접속하는 방법에 대해 알아봤다.

다음 포스팅은 해당 인스턴스에 apache 웹서버를 설치하여 웹서버로 사용 할수있도록 해보자.

[링크] 생성한 내 서버에 apche 웹서버 설치하기 포스팅 바로가기

ios custom 앨범 만들어서 사진 저장하기 in swift

Mind Hacker — Sun, 4 Dec 2016 22:06:32 +0900

ios 개발중 사진촬영을 했을때 디폴트 앨범에 저장하지 않고

다른 사진첩을 만들어 그곳에 사진을 저장하고 싶을 때 아래의 코드를 사용해보자.

우선 swift 파일을 하나 생성하여 아래와 같이 코딩한다.(swift3 반영)

import Photos

class CustomPhotoAlbum{

static let albumName = "MyCloset"

static let sharedInstance = CustomPhotoAlbum()

var assetCollection: PHAssetCollection!

init() {

func fetchAssetCollectionForAlbum() -> PHAssetCollection! {

let fetchOptions = PHFetchOptions()

fetchOptions.predicate = NSPredicate(format: "title = %@", CustomPhotoAlbum.albumName)

let collection = PHAssetCollection.fetchAssetCollections(with: .album, subtype: .any, options: fetchOptions)

if let _: AnyObject = collection.firstObject {

return collection.firstObject! as PHAssetCollection

}

return nil

}

if let assetCollection = fetchAssetCollectionForAlbum() {

self.assetCollection = assetCollection

return

}

PHPhotoLibrary.shared().performChanges({

PHAssetCollectionChangeRequest.creationRequestForAssetCollection(withTitle: CustomPhotoAlbum.albumName)

}) { success, _ in

if success {

self.assetCollection = fetchAssetCollectionForAlbum()

}

func saveImage(image: UIImage) {

if assetCollection == nil {

return // If there was an error upstream, skip the save.

}

PHPhotoLibrary.shared().performChanges({

let assetChangeRequest = PHAssetChangeRequest.creationRequestForAsset(from: image)

let albumChangeRequest = PHAssetCollectionChangeRequest(for: self.assetCollection)

albumChangeRequest?.addAssets([assetChangeRequest.placeholderForCreatedAsset!] as NSArray)

}, completionHandler: nil)

}

기본앨범에 저장할때 사용했던

IImageWriteToSavedPhotosAlbum(image, self, #selector(AddClothesViewController.image(image:didFinishSavingWithError:contextInfo:)), nil)

위의 코드 대신 아래의 코드를 사용하여 저장한다.

ustomPhotoAlbum.sharedInstance.saveImage(image: image)

swift3 부터 Info.plist 파일에 설정했던 photoLibrary 사용권한을 넣는 것도 잊지 않도록 한다.

ios info.plist 권한 설정하기 in swift

Mind Hacker — Wed, 30 Nov 2016 22:15:43 +0900

ios 10 이상의 버전부터는 카메라, 포토라이브러리, 캘린더, 리마인더, 연락처 등등..

모든 시스템 권한에 접근하기 위해 info.plist 파일에 아래와 같이 세팅해줘야 한다.

Calendar :

Key : Privacy - Calendars Usage Description
Value : $(PRODUCT_NAME) calendar events

Reminder :

Key : Privacy - Reminders Usage Description
Value : $(PRODUCT_NAME) reminder use

Contact :

Key : Privacy - Contacts Usage Description
Value : $(PRODUCT_NAME) contact use

Photo :

Key : Privacy - Photo Library Usage Description
Value : $(PRODUCT_NAME) photo use

Bluetooth Sharing :

Key : Privacy - Bluetooth Peripheral Usage Description
Value : $(PRODUCT_NAME) Bluetooth Peripheral use

Microphone :

Key : Privacy - Microphone Usage Description
Value : $(PRODUCT_NAME) microphone use

Camera :

Key : Privacy - Camera Usage Description
Value : $(PRODUCT_NAME) camera use

Location :

Key : Privacy - Location Always Usage Description
Value : $(PRODUCT_NAME) location use

Key : Privacy - Location When In Use Usage Description
Value : $(PRODUCT_NAME) location use

Heath :

Key : Privacy - Health Share Usage Description
Value : $(PRODUCT_NAME) heath share use

Key : Privacy - Health Update Usage Description
Value : $(PRODUCT_NAME) heath update use

HomeKit :

Key : Privacy - HomeKit Usage Description
Value : $(PRODUCT_NAME) home kit use

Media Library :

Key : Privacy - Media Library Usage Description
Value : $(PRODUCT_NAME) media library use

Motion :

Key : Privacy - Motion Usage Description
Value : $(PRODUCT_NAME) motion use

Speech Recognition :

Key : Privacy - Speech Recognition Usage Description
Value : $(PRODUCT_NAME) speech use

SiriKit :

Key : Privacy - Siri Usage Description
Value : $(PRODUCT_NAME) siri use

TV Provider :

Key : Privacy - TV Provider Usage Description
Value : $(PRODUCT_NAME) tvProvider use

ios 동적버튼을 사용한 화면 전환 in swift

Mind Hacker — Mon, 28 Nov 2016 22:26:07 +0900

storyboard에서 버튼을 생성하면 다른 뷰로 전환시 segment를 사용하여 쉽게 전환이 가능합니다.

동적으로 버튼을 생성했을 때에는 코드를 작성하여 화면 전환을 해야하는데 이때 아래의 코드를 사용합니다.

presentViewController 가 swift3에서 present 로 변경되었습니다.

//버튼 생성시 이벤트를 주기위해 addTarget 사용

button.addTarget(ViewController(), action: #selector(ViewController.buttonPressed), for: .touchUpInside)

//버튼 생성시 설정해준 buttonPressed function에 tag별로 클릭 이벤트를 작성한다.

func buttonPressed(sender : UIButton) {

print("\(sender.tag) 번 버튼 클릭됨")

if sender.tag == 0 {

let uvc = self.storyboard?.instantiateViewController(withIdentifier: "addClothesViewController")

uvc?.modalTransitionStyle = UIModalTransitionStyle.flipHorizontal //페이지 전환시 에니메이션 효과 설정

present(uvc!, animated: true, completion: nil)

}else if sender.tag == 1 {

....

}

위의 코드에서 (withIdentifier: "addClothesViewController")

identifier는 스토리보드에서 전환할 화면의 storyboard 아이디로 설정한다.

새로 전환된 화면에서 본래의 화면으로 back할때에는 버튼을하나 만들어주고 버튼 액션에 아래와 같은 코드를 사용한다.

@IBAction func backToMainButton(_ sender: Any) {

self.presentingViewController?.dismiss(animated: true, completion: nil)

}

ios status bar style 설정하기 in swift

Mind Hacker — Sun, 27 Nov 2016 17:46:11 +0900

아이폰 상단에 시계 배터리 등 표시되는 부분을 statusbar 라고 한다.

swift3 에서 이를 lightContent로 설정해주기 위한 코드는 아래와 같다.

override var preferredStatusBarStyle: UIStatusBarStyle {

return .lightContent

}

ios 버튼 테두리 주기 및 둥글게 처리하기 in swift

Mind Hacker — Sun, 27 Nov 2016 17:08:47 +0900

storyboard를 사용하여 버튼을 생성시 혹은 동적으로 버튼을 생성시 테두리 border가 들어가지 않는데

이때 아래의 코드를 사용하여 버튼에 테두리를 넣을 수 있다.

addClothesButton.layer.borderColor = UIColor.white.cgColor

addClothesButton.layer.borderWidth = 2

주의할점은 borderWidth 값을 주지 않으면 borderColor를 넣어도 테두리가 보이지 않는다.

addClothesButton.layer.cornerRadius = 10

위의 코드로는 버튼의 모서리 부분을 둥글게 처리 할 수 있다.

ios 다국어 localize 사용하기 in swift

Mind Hacker — Thu, 24 Nov 2016 21:43:26 +0900

swift로 다국어를 사용하는 방법.

1. 아래의 화면처럼 프로젝트를 선택하고 Info 탭 안의 localizations 부분에 언어를 추가한다.

(English 가 기본으로 되어있어 korean을 추가하였다.)

한국어를 추가하고 나면 기본적으로 만들어진 Main.storyboard 파일 하위에 Main.strings(Korean) 이라는 파일이 만들어지며

파일 안에는

/* Class = "UIButton"; normalTitle = "Button"; ObjectID = "95Z-0t-cRz"; */

"95Z-0t-cRz.normalTitle" = "button";

/* Class = "UILabel"; text = "Label"; ObjectID = "zw3-Ke-qxS"; */

"zw3-Ke-qxS.text" = "label";

위와 같은 코드가 자동으로 작성되는데 이는 기존에 만들어진 label과 button 등의 UI 컴포넌트들의 Object ID 값에 매핑되는 이름들이다.

위의 button, label 텍스트를 원하는 한국어로 바꾸어 작성하면 된다.

스토리보드 파일에 UI컴포넌트들이 하나도 없다면 이 파일은 빈 파일로 생성될 것이다.

또한 Main.storyboard 파일을 클릭하고 file inspector 를 보면 Localization 이라는 메뉴가 있는데 여기서 언어를 추가하거나 지울 수 있다.

2. 위 사진의 프로젝트 네비게이터에 보이는 것 처럼 InfoPlist.strings 파일과 Localizable.strings 파일을 만든다. (파일 이름 틀리지 않게 주의)

파일을 생성하고나면 file inspector 탭에서 localization 을 활성화하고 해당 언어를 클릭하면 InfoPlist.strings 와 Localizable.strings 파일의 하위 카테고리에 언어별로 파일들이 나누어 만들어진다.

InfoPlist.strings 파일에는 아래와 같이 작성하면 언어 설정에 따라 앱의 이름이 다르게 표시된다.

(english 파일)

CFBundleDisplayName = "my app";

(korean 파일)

CFBundleDisplayName = "나의 어플";

위와같은 방법으로 localizable.strings 파일도 언어 파일별로 코드를 작성한다.

"text code" = "테스트 코드";

"result code" = "한국어 입니다.";

컨트롤러 파일에서 해당 코드들을 넣을땐

resultLabel.text = NSLocalizedString("result code", comment: "result code...")

위와같은 방법으로 코드를 넣으면 언어가 한국어일때 result code 에 매핑되어있는 "한국어 입니다." 텍스트가 표시된다.

ios 동적 button , switch 사용하기 in swift

Mind Hacker — Sun, 25 Sep 2016 11:57:30 +0900

siwft3 에서 동적버튼을 만드는 예제

let button : UIButton = UIButton(frame: CGRect(x: 300, y: buttonY, width: 50, height: 30))

button.setTitle("삭제", for: UIControlState.normal)

button.showsTouchWhenHighlighted = true

button.setTitleColor(UIColor.red, for: UIControlState.normal)

button.tag = buttonTag

button.addTarget(self, action: #selector(deleteButtonAction), for: .touchUpInside)

self.mainScrollVeiw.addSubview(button)

buttonTag += 1 // 태그값은 기본을1로주고 버튼생성시마다 1씩 증가시켰다.

buttonY += 50 // 버튼 생성시마다 위치를 다르게 하기 위해 y값을 증가시킨다.

위크 코드를 보면 addTarget을 사용해서 액션 메소드를 만들어주었다.

UITextField 와 다르게 UIButton 과 UISwitch는 delegate 프로토콜이 없어 액션을 주기위해 위와 같이 addTarget을 사용해야한다.

액션 메소드 코드

func deleteButtonAction(sender: UIButton!) {

print("deleted \(sender.tag)")

}

위와 비슷하게 label, textfield 등도 동적으로 생성이 가능하다.

ios segue 사용하기 in swift

Mind Hacker — Tue, 20 Sep 2016 20:32:08 +0900

UIStoryboardSegue 를 사용해 보자.

보통 button을 클릭하여 화면을 전환할때 버튼의 IBAction 을 사용하지만

세개의 버튼이 모두 하나의 UI로 이동하고 이동할때 특정 구분값만 넘기기 위해 IBAction 대신 segue를 사용하였다.

override func prepare(for segue: UIStoryboardSegue, sender: Any?) {

switch segue.identifier! {

case "segue1":

tempText = "그룹1"

case "segue2":

tempText = "그룹2"

default:

tempText = "그룹3"

}

(segue.destination as? DetailViewController)?.headerTitle = tempText

}

위의 코드와 같이 각 segue 에 identifier를 주고 identifier 별로 그룹1, 그룹2, 그룹3 으로 나눴다.

마지막 줄의 코드는 이 구분값을 destination 컨트롤러로 전달하는 코드이다.

전환되는 화면의 컨트롤러의 타이틀 값을 곧바로 바꾸려고 시도하였으나 되지 않는다. (위의 코드처럼 변수를 만들어 놓고 전달해야한다.)

headerTitle 은 tempText 의 값을 전달하기 위해 전환되는 화면의 컨트롤러 안에 만든 변수이다.