분류 전체보기 검색 결과

해당 글 777건

AWS CloudFront / S3와 CloudFront 연동

CloudFront는 CDN 서비스이다. (일반적인 CDN과 차이가 있긴 하지만) CDN이 무엇인지 잘 모르겠다면 Tip 게시판에 쓴 Cache에 대한 글을 참고하자. 전송 속도 향상과 비용 절감의 이점이 있으며 전세계를 대상으로 하는 서비스를 준비할 때 사용한다. 왜냐? 모든 리전에 EC2, S3를 생성하는 것은 비효율적이고 비용도 많이 든다. EC2, S3는 동작되는 장소가 리전에 한정적이어서 멀리 떨어진 지역에서 접속할 경우 전송 속도가 느리다. 반면 CloudFront를 이용하여 내용을 에지 로케이션에 캐시한다면 사용자는 이 에지 로케이션에서 파일을 바로 받게 된다. 유저가 원하는 파일이 캐시에 있으면 곧 바로 받고 없으면 오리진에서 받아온다. CloudFront의 오리진(origin)은 S3, ..
AWS/☁️ AWS 2020. 2. 14. 16:29

req.query 값을 템플릿으로 전달하기

form 태그에서 입력한 값을 search.pug라는 템플릿으로 전달하는 것이 목표이다. header.header .header__column a(href=routes.home) .header__column form(action=routes.search, method="get") input(type="text", placeholder="Search by term...", name="term") .header__column ul li a(href=routes.join) Join li a(href=routes.login) Log in 우선, header.pug에 form 태그와 input 태그를 설정해 주었다. method가 get임에 주의하자! get 메소드가 url에 정보를 추가해주기 때문이다. post..
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 2. 14. 03:18

AWS S3 : 객체 권한, 버켓 권한, 정적 웹 호스팅, 버저닝, 수명 주기

S3는 simple storage service의 준말이다. S3를 사용하는 이유는 간단하다. 대용량의 파일을 EC2나 EBS만을 통해 구축한다면 상당히 많은 비용이 들어가기 때문이다. 또, 정적인 웹 서비스를 구축한다면 EC2가 아니라 S3에서 바로 정적 웹 호스팅을 사용할 수 있다. 동적 웹 페이지만 EC2에서 서비스하고 정적 웹페이지는 S3를 이용할 수도 있다. 이 방식을 선호하는 이유는 S3 자체가 성능이 좋은 웹 서버로 구성되어 있어 EC2만 운용했을 때보다 성능이 좋고 비용도 싸다. auto scaling이나 ELB에 신경 쓰지 않아도 된다는 장점도 있다. 버킷을 생성하고 활용해보자 이름과 리전을 설정하면 버켓이 생성된다. 혹시 EC2를 비롯한 다른 서비스와 연계하고 싶다면 같은 리전으로 설정..
AWS/☁️ AWS 2020. 2. 13. 23:35

AWS CloudWatch에서 경고 알람 설정하기

AWS의 리소스를 모니터링하는 서비스이다. Auto scaling과 ELB를 사용하고자할 때 유용한 지표를 제공해준다. 단순히 측정뿐만 아니라 측정치 연계하여 다양한 액션을 사용할 수 있다. 시험삼아 EC2의 인스턴스 CPU 사용량을 기반으로 알람이 오게 설정해보자. 세부 모니터링의 간격은 1분이고 기본 모니터링은 5분인데 세부 모니터링에는 비용이 들어간다. 이후 법인 카드가 나왔을 때 세부 모니터링을 키도록하고, 우선은 기본으로 진행해보자. CloudWatch로 접속해서 경보를 생성하자 경보 생성을 클릭 후 적절한 지표를 선택합니다. 저는 Example Server 인스턴스에서 CPU사용량을 선택하도록 하겠습니다. 그 후에는 다양한 설정(조건)과 Email 등록을 마친 후 알람을 생성하면 된다. 설정 ..
AWS/☁️ AWS 2020. 2. 13. 21:42

controller에서 템플릿으로 변수 전달

export const home = (req, res) => res.render("home", { pageTitle: "Home" });​ 컨트롤러에서 처음 전달하는 인자는 views 내에 있는 pug이고 두번째로 전달하는 인자는 변수이다. html(lang="en") head meta(charset="UTF-8") meta(name="viewport", content="width=device-width, initial-scale=1.0") title #{pageTitle} | #{siteName} link(rel="stylesheet", href="") body include ../partials/header main block contents include ../partials/footer 다음과 같..
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 2. 13. 16:21

one single source of truth! / local 변수를 global화 하기

앞 서 살펴본 partials 중 header에서 anchor 태그로 연결된 링크에 대해서 생각해보자. header.header .header__column .header__column ul li a(href="#") Join li a(href="#") Log in 보통 html에서는 /join 이런 식으로 직접 url을 줬으나 이는 비효율적이다. 추후에 수정해야 할 경우 이 경로를 포함한 코드 전부를 찾아서 수정해야 할 것이 아닌가. one single source of truth. routes.js에서 다 처리해야 한다. 즉, 아래와 같은 방식으로 처리해야 한다. a(href=routes.join) Join 이를 위해선, 1. middleware를 만든 후 routes를 import한다. => loc..
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 2. 13. 15:40

AWS EBS 생성, 포맷, 마운트, 삭제

EBS(elastic block store)는 EC2 인스턴스에 추가 장착하여 사용할 수 있는 가상 저장 장치이다. PC에 하드 용량이 부족해졌을 때 HDD나 SSD를 추가로 설치하는 것과 같은 개념이다. 간단히 생성 -> 부착하면 되므로 EBS 생성에 있어서는 설명할 것이 없다. 주의사항은 연결하고자 하는 EC2와 같은 가용 영역(AZ)에서 생성해야 한다는 것이다. 사용 후 in-use 파란불이 들어오는지만 확인하자. * 부착하고자 하는 EC2와 같은 가용 영역에 위치해야 부착 가능함 EBS 연결, 파일 시스템 설치(포맷), 마운트) 연결도 간단하다. 연결하고 싶은 EBS를 클릭한 후 볼륨 연결을 하면 된다. 연결한 EC2에 접속한 뒤 다음 명령어를 입력하면 연결된 EBS를 확인할 수 있다. 저기 아래..
AWS/☁️ AWS 2020. 2. 13. 00:53

인스턴스에서 HVM, PV의 선택

을 공부하다보면 Amazon Linux를 사용하는데 PV버전을 이용해 예제를 보여주는 것을 볼 수 있다. 그런데 최신의 AWS EC2에 접속해보면 PV는 존재하지 않는다. PV(Para Virtualization)와 HVM (Hardware Virtual Machine)의 차이를 알아보자 PV는 반가상화로 guest os가 hypervisor를 통해 hardware를 제어하고 가볍기 때문에 퍼포먼스가 좋지만 guest os에 수정이 필요하다. 반면에 HVM은 전가상화로 보면 되는데 다른 guest와 완전히 독립되고 os 수정없이 그대로 사용가능하다는 이점이 있지만 hardware 자체가 전가상화 기능(CPU의 VT)을 지원해야 하기 때문에 이것이 부담이 되어 퍼포먼스가 PV에 비해 떨어진다고 알려져 왔었..
AWS/☁️ AWS 2020. 2. 12. 23:51

MVC design pattern(MVC 디자인 패턴)

MVC는 각각 model(data), view(data가 보이는 방식), control(data를 찾는 함수) 사용자는 control -> model -> view의 형태로 이용하게 된다. youtube cloning 작업에서 활용했던 예를 가져오자면 │ .babelrc │ .gitignore │ app.js │ init.js │ middlewares.js │ package-lock.json │ package.json │ README.md │ routes.js │ tree_view.txt │ ├─controllers │ userControllers.js │ videoControllers.js ├─routers │ globalRouter.js │ userRouter.js │ videoRouter.js │ ..
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 2. 11. 13:06