typescript2 [React] 서버리스 메모앱-1 해당 글은 [AWS] 서버리스 스택-4와 이어집니다. 이번 글에서는 리액트 프론트엔드 구성에 대해서 작성을 하였습니다. 우리는 React.js를 사용하여 SPA 웹 애플리케이션을 생성할 계획이다. Create React App 프로젝트를 사용하여 기초적인 설정이 되어있는 상태에서 진행한다. Create React App은 React팀이 공식적으로 지원하며, React.js 프로젝트의 모든 의존성을 편리하게 미리 패키징 해준다. 터미널에서 프로젝트의 최상위 경로에서 아래 명령어를 실행하여 Create React App(CRA) 프로젝트를 생성해주자. npx create-react-app frontend --scripts-version 4.0.3 --template typescript --use npm cd.. 2022. 4. 17. [AWS] 서버리스 스택-3 해당 글은 [AWS] 서버리스 스택-2와 이어집니다. 이번 글에서는 메모 API 수정, 삭제, 조회 등에 대해서 작성을 하였습니다. 코드 리팩터링 작성할 대부분의 API에 DynamoDB 요청과 비슷한 동작을 구현할 것이므로 공통적인 사항을 모듈화 해보자. 우선 src/util 경로로 폴더를 생성해주고 src/util/dynamodb.ts 파일을 생성하고 아래처럼 코드를 만들어주자. // src/util/dynamodb.ts import AWS from 'aws-sdk'; import { DocumentClient } from 'aws-sdk/clients/dynamodb'; const client: DocumentClient = new AWS.DynamoDB.DocumentClient(); export.. 2022. 3. 24. 이전 1 다음
