nenji Programming

필요 준비물 Heroku, postman 계정 Browser - Chrome vscode, nodejs, postman - download 작업내용 json-server 설치 및 프로젝트 생성 db.json 스크립트 작성 json-server 실행 및 테스트 postman 기본 사용법  API json server를 구축하여 통신을 하는 이유는 DB나 WebServer 등 직접 접근하지 않고 미들웨어를 통하여 접근해보기 위해서 입니다. 여러 이슈(특히 보안, 인증, 라우팅) 관련하여 미들웨어를 통하여 접근을 하게되면 이슈를 해결할 수 있는 방법이 됩니다. API 통신을 하기 위해서는 무료 서비스를 이용하는 방법과 직접 서비스를 만드는 방법이 있습니다. 여기에서는 서비스를 직접 만드는 방법을 설명하도록 하겠습니다. 노드 기반(제로 코드, 30초 완성  json server )서버라는 오픈 소스를 이용하여 Heroku에 서비스를 올려서 테스트해보도록 하겠습니다.  무료 서비스를 통하여 테스트를 하려면 MOCK API 서비스를 이용하시면 편리합니다. 물론 여러개 api를 만들면 비용이 발생합니다. 테스트는 postman이라는 어플을 이용하겠습니다.  1. json-server 설치 및 프로젝트 생성 vscode와 nodejs는 Post [MACOS] React 개발환경 구성 1/2 를 참고하여 설치해주세요. node 18.3 이상이 필요하여 node를 업그레이드 해야될수도 있습니다. brew를 통한 nodejs 관리 명령어를 몇가지 익혀봅니다. brew list : 목록에서 설치된 node 버전을 봅니다. node@10/12/15/18 등등 brew install node@(10/12/18 version) : 설치할 node version brew list : 설치된 node 버전이 설치되었는지 확인합니다. brew link --overwrite node@(10/12/18 version) : 연결할 버전 링크 설정 export ...

필요 준비물 AWS 계정 - Console login(Root) Browser - Chrome 설치순서 DynamoDB 생성 API gateway 생성 API gateway 추가 생성 Lambda와의 연결  아마존의 dynamoDB와 API Gateway를 생성하도록 합니다. 아마존 계정은  여기서  생성하고 만들도록 합니다. 계정을 만든 후 설정에서 언어와 리젼(지역)을 선택합니다. 계정과 환경 설정의 설명은 여기서 제외합니다. 아마존 AWS는 클라우드 호스팅 서비스를 제공하며 그에 따른 지불이 사용한만큼 받는 합리적인 형태를 가지고 있어 이용하기로 합니다. 또한 전세계에 센터들이 있어 로컬 호스팅 서비스와는 다릅니다. 다른 호스팅도 글을 통하여 설명 드리겠습니다.  DynamoDB는 noSQL 데이터서비스 입니다. 따라서 스키마 없이 데이터를 원하는 형태로 자유롭게 저장할 수 있는 장점이 있습니다. API gateway는 api 관리 서비스이며 외부에서 호출이 왔을때 대문 역할을 하는 서비스로 보시면 됩니다. 1. DynamoDB 생성 DynamoDB 를 콘솔창에서 검색해서 들어갑니다. 서비스에 연결할 DynamoDB 테이블을 만들게 되면 멤버의 이름과 성격을 저장해 놓을 수 있습니다. hello-member 라는 이름을 가진 테이블을 생성하려고 합니다. DynamoDB 콘솔로 들어가서 왼쪽의  create table  버튼을 누릅니다. Table name 은  hello-member  로, Partition key는  name  으로 작성합니다. 이 이름은 꼭 똑같이 작성해 주셔야 이후 에러가 나지 않습니다. 작성하신 다음에는 쭉 내려서 오른쪽 아래의  create table  버튼을 눌러서 생성합니다. 아래처럼 Status 가 Active 가 될 때까지 기다립니다. 시간이 다소 걸립니다.  이렇게 hello-member 이름을 가지고 nam...

필요 준비물 AWS 계정 - Console login(Root) Browser - Chrome 설치순서 Console Lambda 생성 Webpage Lambda 생성 API service Lambda 생성  아마존의 Lambda Console/Webpage/API service를 생성하도록 합니다. 아마존 계정은  여기서  생성하고 만들도록 합니다. 계정을 만든 후 설정에서 언어와 리젼(지역)을 선택합니다. 계정과 환경 설정의 설명은 여기서 제외합니다. 아마존 AWS는 클라우드 호스팅 서비스를 제공하며 그에 따른 지불이 사용한만큼 받는 합리적인 형태를 가지고 있어 이용하기로 합니다. 또한 전세계에 센터들이 있어 로컬 호스팅 서비스와는 다릅니다. 다른 호스팅도 글을 통하여 설명 드리겠습니다. Lambda는 서비스를 간단하게 만들수 있고 많은 요청이 발생하도 자동을 확장되고 관리가 되므로 서비스에만 집중할 수 있는 유용한 서비스입니다. 1.Console Lambda 생성 콘솔창에서 Lambda를 검색하여 Lambda 콘솔로 들어갑니다. 앞으로 많이 쓸 서비스이기 때문에 옆에 별표를 눌러서 자주쓰는 서비스로 등록해 두시면 좋습니다. Lambda 콘솔에서는 오른쪽 메뉴에 있는 Functions 를 눌러서 들어가줍니다. 이번 세션에서는 이 Functions 기능을 주로 사용하여 서비스를 만들어 볼 것입니다. 지금 단계에서는 아무런 웹페이지도 볼 수 없습니다. 하지만 실망하지 마세요. 이번에 Lambda 에 대해서 알아보는 시간을 가지고 바로 다음번에는 실제로 웹페이지를 만들어 보는 시간을 가질 것입니다. Create function  버튼을 눌러줍니다. Lambda functions를 만들 때에는 4가지 방법을 이용하실 수 있습니다. 이 중 가장 쉽고 편하게 만들 수 있는 방법이 AWS 에서 제공하는 blueprint 로 만드는 방법입니다. 네가지 방법 중  Use a blueprint  를 클릭하세요.  ...