[Windows] App 개발환경 구성 3/3

이미지
설치순서 개발툴 : Visual Studio 2022 Community 설치 MAC M Series - 윈도우즈 ISO(ARM64)  Visual Studio 2019 communuty -> Visual Studio 2022 community로 변경을 합니다. 2022버전에서는  App 개발환경 구성 1/3 의 선행분석 소스도 불필요한 수정 작업없이 바로 컴파일이 됩니다. 앞으로 개발할 작업 소스들도 2022버전 기준으로 작성을 할 예정입니다.  👌 1.  개발툴 설치 Visual Studio 2022 Community 다운로드   후 설치 진행 과정을 통하여 컴퓨터에 설치합니다. 서브스크립션 회원가입 후 다운로드가 가능합니다. 커뮤니티를 선택하여 다운로드합니다. 설치시 아래 항목을 체크합니다. 2. MAC M Series - 윈도우즈 ISO(ARM64) 맥으로 작업하다 보면 가상머신으로 윈도우즈를 띄우고 작업을 하는 경우가 많이 있습니다. 가상머신으로 다운로드 할때 CPU의 종류에 따라 윈도우즈를 받아야 되는데 검색하여 찾기에 시간이 소비되고 윈도우즈 설치는 간혹하기 때문에 시간이 지나면 없어지는 경우도 있습니다. 마이크로 소프트에서는 Inseder preview 다운로드를 제공하기 때문에 다운받는 위치를 기록합니다. Windows Insider Preview 다운로드  여기까지 설치 과정이 끝났습니다.  다른 부분이 있으면 문의하기를 통하여 남겨주세요.     이전      목록     다음 history

[React] Heroku - API json server 1/2

이미지
필요 준비물 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 ...

[React] Amazon DynamoDB

이미지
필요 준비물 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...