Skip to main content

Serverless-Memo-Web-Application

2022-05-24 : 리액트 서버리스 메모앱-5 마지막 🥳#

리액트 프론트 엔드 구성#

  • 메모 상세 조회
  • 메모 수정
  • 메모 삭제
  • 페이지 보안 설정

후기#

마지막 메모장 만들기를 진행했다. 토이프로젝트는 처음으로 해보는거라 좋은 경험 이였다고 생각이 든다.

2022-05-17 : 리액트 서버리스 메모앱-4#

리액트 프론트 엔드 구성#

  • React Custom Hook
  • 회원가입
  • 메모 생성하기
  • 메모 리스트 조회

후기#

  • 오류
  • Signup.tsx 에서 오류
  • 뒤에 !를 붙여서 해결..

error

2022-05-10 : 리액트 서버리스 메모앱-3#

리액트 프론트 엔드 구성#

  • React Router 구성 -> 페이지 이동할 수 있음.
  • AWS Amplify 설정 -> 백엔드 연결
  • 로그인 페이지 구성

2022-05-03 : 리액트 서버리스 메모앱-2#

리액트 서버리스 메모앱-3#

  • AWS Cognito 연결
  • 로그인, 로그아웃
  • 세션 유지
  • 에러 공통처리

후기#

내용이 많았다...

2022-04-26#

리액트 프론트 엔드 구성#

  • Create React App 생성 : 기초적인 설정이 되어있음. 편리함.
  • 환경변수 설정
  • Favicon 설정
  • 글꼴 설정
  • 부트 스트랩, 아이콘 패키지 설정

후기#

문제 : 파비콘이 적용되지 않았다. 전체적인 코드에 수정된 내용이 표시되어 있거나, 마지막에 전체코드가 있으면 좋을것 같다.

2022-04-19#

사용자 인증 및 API 보안#

과정

  • AWS Cognito 리소스 생성
  • API에 인증관련 구성
  • API관련 인증 테스트

Amazon Cognito User Pool
사용자의 가입, 로그인 기능을 관리하기 위해 사용함.

Amazon Cognito Identity Pools
이전에 인증된 사용자가 연결하려는 리소스에 액세스 할 수 있는지 여부 결정을 위해 사용

2022-03-29#

메모생성 API(메모 정보를 받아와 새 ID와 함께 메모 정보를 DB에 저장하는 역할)를 만들기 위해 DynamoDB 테이블, S3 Bucket(파일 업로드를 위한 저장공간)을 생성하고 사용해 로컬에서 직접 메모 생성 API를 테스트 하였다.

create.ts 파일에서 uuid 임포트하는 부분에서 오류가남. 오류나는 부분에 마우스 올리면 나오는 툴팁에서 quick fix로 해결. 이미지