개발이 취미인 사람

- 개요 안녕하세요. 이번 시간에는 Lambda API 서버를 구축하는 시간은 가져보겠습니다. 기본적으로 Lambda를 그냥 사용하게 되면 정말 불편한 상황들이 발생합니다. (저는 그랬습니다. ㅋㅋ 고수님들은 아닌가요?... ㄷㄷ) 우리가 기본적으로 개발을 할 때 사용하는 Express 나 Koa 환경이랑은 다릅니다. 그렇기 때문에 저는 aws-serverless-express 모듈과 express 모듈을 혼합해서 lambda API 서버를 구축합니다. Express 환경에 대해 아시는 분들은 이해하실 수 있지만 모르시는 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. [Node.js] Express RESTFul API 서버 만들기 [Node.js] Express RESTFul API 서..

- 개요 안녕하세요. 이번 시간에는 Serverless Framework를 사용해서 AWS Lambda 서비스를 구축하는 시간을 가져보도록 하겠습니다. Serverless Framework란 AWS Lambda에서 Node.js를 사용해 애플리케이션 구축할 때 사용되는 프레임워크입니다. Express, Koa를 사용해서 API 서버를 만드는데 이런 역할을 해준다고 생각하시면 됩니다. - 설정 Serverless Framework를 사용하기 위해서는 패키지를 글로벌로 설치해야 합니다. 명령어 #npm npm : npm install -g serverless #yarn yarn : yarn global add serverless 설치 확인 serverless create --tamplate "aws-cloj..

- 개요 안녕하세요. 이번 시간에는 Lambda를 구축하는 시간은 가져보도록 하겠습니다. 기본적으로 AWS Console에서 Lambda를 생성하는 방법과 지난 시간에 개발환경을 설정한 PC환경에서 Lambda를 생성하는 방법 이번 시간에는 AWS Console 환경에서 구축하는 방법에 대해 알아보겠습니다. - AWS Console 방식 AWS Console 화면 검색창에 lambda를 검색합니다. 함수 생성 버튼을 클릭합니다. 함수 이름 런타임 환경을 선택합니다. 저는 Node.js를 선택했습니다. 만약 VPC 환경을 설정하고 싶으신 분들은 고급 설정 항목에서 선택하시면 됩니다. VPC를 선택하지 않으면 기본 VPC가 선택됩니다. 설정을 다 하셨다면 함수 버튼을 클릭해 함수를 생성합니다. 함수를 생성을..

- 개요 안녕하세요. 이번 시간에는 AWS Lambda 서비스에 대해 알아보겠습니다. AWS에서 Lambda라는 서비스는 소개할 때 "프로비저닝 하거나 관리하지 않고도 코드를 실행할 수 있게 해주는 컴퓨팅 서비스"라고 소개하고 있습니다. 무슨 말일 까요?... 일단 프로비저닝이란 우리의 요구사항에 맞게 시스템 자원을 할당하고 배치 및 배포해 두었다가 필요한 상황에서 시스템을 즉시 사용할 수 있는 상태라고 말할 수 있습니다. 예시로 AWS EC2 서비스를 비교해서 설명해보겠습니다. EC2 서비스는 가상의 클라우드 공간에 컴퓨팅을 구축한다고 모두 아실 겁니다. (EC2 서비스는 실행하는 시간, 트래픽 등 요금을 지속적으로 측정합니다.) EC2 인스턴스를 실행 상태라면 비용은 계속 나가게 됩니다. 하지만 La..

- 개요 안녕하세요. 이번 시간에는 TypeScript interface에 대해 알아보겠습니다. TypeScript에서 Obejct 타입을 선언할 때 interface와 type을 사용합니다. JavaScript에서 객체를 접근을 해야 하는 상황이 많습니다. TypeScript는 객체를 선언하고 그냥 접근하게 되면... 접근을 할 수 없습니다. (JavaScript는 그냥 되는데... 불편하군... ) let user:object = { name: "ryan", age: 14 } //객체를 선언 console.log(user.name) // Error 이렇기 때문에 우리는 interface를 선언해서 접근을 합니다. - 사용법 선언 방법 및 사용법 /** * interface 인터페이스 이름 { * ke..

- 개요 안녕하세요. 이번 시간에는 TypeScript 기본 타입(자료형)에 대해 알아보겠습니다. TypeScript 환경 설정을 하지 않고 공식 홈페이지에서 제공하는 환경을 사용하겠습니다. (링크: https://www.typescriptlang.org/play) - 기본 타입(자료형) TypeScript는 변수를 선언할 때 기본적으로 타입 추론 기능을 제공합니다. 하지만 Class, Object 등 사용할 때는 타입 추론을 제공하지 않기 때문에 기본적으로 TypeScript로 개발할 때는 꼭 타입을 선언해 사용하는 습관을 가지시는 걸 추천합니다. TypeScript는 다른 언어와 비슷하게 string, number, boolean, any 그리고 null, undefined 형태를 지원합니다. 또한 ..

- 개요 안녕하세요. 이번 시간에는 TypeScript 개념 및 사용하는 이유에 대해 알아보겠습니다. "JavaScript 언어를 잘 사용하시는 분들 대상으로 작성합니다." TypeScript 환경 설정을 하지 않고 공식 홈페이지에서 제공하는 환경을 사용하겠습니다. (링크: https://www.typescriptlang.org/play) - TypeScript란? TypeScript는 JavaScript에 슈퍼셋인 오픈소스 프로그래밍 언어입니다. (슈퍼셋이란 JavaScript에서 확장된 언어라는 뜻) TypeScript는 기본적으로 브라우저가 알수 없는 언어입니다. 그렇기 때문에 TypeScript 안에는 Compiler가 존재합니다. Compiler는 TypeScript 언어를 JavaScript ..

- 개요 안녕하세요. 이번 시간에는 AWS에서 Simple Notification Service를 활용해 휴대폰 문자 메시지 전송에 대해 알아보겠습니다. 해당 포스팅에서는 Node.js를 활용해서 진행하겠습니다. - 설정 1. IAM 계정 생성 및 권한 설정 SMS 문자 메시지를 전송하기 위해서는 선행적으로 IAM 유저에 권한을 정해야 합니다. IAM 유저 생성 방법을 모르시거나 IAM을 모르시는 분들은 아래 링크를 통해 학습하고 오시는 걸 추천드리겠습니다. [AWS] IAM(Identify and Access Management) 생성 및 사용법 [AWS] IAM(Identify and Access Management) 생성 및 사용법 - 개요 안녕하세요. 이번 시간에는 AWS 자원에 접근 권한에 대해..

- 개요 안녕하세요. 이번 시간에는 React TypeScript 환경에서 ESLint와 Prettier 설정하는 방법에 대해 알아보겠습니다. 지난 시간에는 JavaScript 환경에서 적용하는 방법에 대해 알아봤습니다. 개념 설명을 제외하고 설정 방법에 대해 알아보겠습니다. ESLint와 Prettier 개념 또는 JavaScript 환경에 대해 알고 싶으신 분들은 아래 링크를 통해 설정하시는 걸 추천드리겠습니다. [React] ESLint Prettier 설정 방법 1부 (JavaScript) [React] ESLint Prettier 설정방법 1부 (JavaScript) - 개요 안녕하세요. 이번 시간에는 React에 ESLint와 Prettier를 설정하는 방법에 대해 알아보겠습니다. 1부와 2부..

- 개요 안녕하세요. 이번 시간에는 React에 ESLint와 Prettier를 설정하는 방법에 대해 알아보겠습니다. 1부와 2부로 나눠 JavaScript 환경에서 설정하는 방법과 TypeScript 환경에서 설정하는 방법에 대해 알아보겠습니다. React 프로젝트를 생성하는 방법을 모르시는 분들은 아래 링크를 참고해 프로젝트를 생성하고 오시는 걸 추천드리겠습니다. [React] 개발환경 설정 [React] 개발환경 설정 - VS Code 설치 개발 환경 IDE는 VS Code를 사용하겠습니다. 본인 PC OS에 맞게 설치해주시면 되겠습니다. VS Code 다운로드 공식 홈페이지 : code.visualstudio.com/download Download Visual Studio Code - Mac,....