Skip to main content

Serverless-Memo-Web-Application

2022-05-24#

서버리스 메모 웹 애플리케이션 9회차#

React 서버리스 메모앱-5

내용#

  • 메모 상세조회
  • 메모 수정
  • S3 기존파일 처리
  • 메모 삭제
  • 보안 페이지 설정
  • 리다이렉션

얻어갈 수 있는 것#

  • 메모 CRUD 구성 완료
  • S3 파일 처리 흐름에 대한 이해
  • 로그인, 비로그인 페이지 설정
  • 리다이렉션

기대하는 것#

  • 메모 CRUD에 대한 기본기능을 전부 구현 흐름 이해
  • 보안페이지에 대한 처리 및 설정 이해

2022-05-17#

서버리스 메모 웹 애플리케이션 8회차#

React 서버리스 메모앱-4

내용#

  • React Custom Hook
  • Signup 구성
  • 메모 리스트 조회
  • 메모 생성하기
  • 파일 S3 업로드

얻어갈 수 있는 것#

  • React Custom Hook 구성해보기
  • 회원가입 처리하기
  • 메모 API연결 후 적용하기

기대하는 것#

  • 리액트 애플리케이션에서 상태값을 공통화시키기
  • 회원가입을 위한 처리 흐름 이해
  • 파일을 AWS S3에 올리기위한 흐름 이해

2022-05-10#

서버리스 메모 웹 애플리케이션 7회차#

React 서버리스 메모앱-3

내용#

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

얻어갈 수 있는 것#

  • 로그인, 로그아웃 만들기
  • 세션 유지하기
  • 에러 공통처리

기대하는 것#

  • 리액트 앱에서 자주 사용하는 상태값을 사용하자
  • 공통으로 처리해야하는 부분에 대한 생각

2022-05-03#

서버리스 메모 웹 애플리케이션 6회차#

React 서버리스 메모앱-2

내용#

  • React Route 설치
  • Home 컨테이너 구성
  • NavBar 구성
  • 404 페이지 구성
  • AWS Amplify 기본설정

얻어갈 수 있는 것#

  • 기본적인 화면에 대한 설정
  • 컴포넌트 만들어보기
  • React Router 사용해보기
  • AWS Amplify 맛보기

기대하는 것#

  • SPA에서 페이지 이동은 어떻게 동작하는가
  • AWS Amplify 를 사용하면 이점은 무엇이 있을까

2022-04-26#

서버리스 메모 웹 애플리케이션 5회차#

React 서버리스 메모앱-1

내용#

  • Create React App 설정
  • 환경변수 설정
  • Favicon 설정
  • 글꼴 설정
  • React Bootstrap, Icon 설정

얻어갈 수 있는 것#

  • 페이스북 팀에서 공식적으로 지원하는 CRA 프로젝트 생성해보기
  • 다양한 환경을 위해 Favicon 설정하기
  • 글꼴, 필요한 부트스트랩 템플릿 설정하기

기대하는 것#

  • CRA에 대한 구조 이해
  • React 문법에 대해 따로 공부하지 않으므로 문서를 한번쯤은 읽어보고 실습하길 권장

2022-04-19#

서버리스 메모 웹 애플리케이션 4회차#

AWS 서버리스 스택-4

내용#

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

얻어갈 수 있는 것#

  • AWS Cognito 서비스 사용
  • API에 대한 인증
  • CORS 구성

기대하는 것#

  • 사용자가 어떻게 인증하는것에 대한 간단한 이해
  • CORS는 무엇인지에 대한 간단한 이해

2022-04-12#

서버리스 메모 웹 애플리케이션 3회차#

AWS 서버리스 스택-3

내용#

  • DynamoDB, Lambda 함수 리팩토링
  • 메모 조회 API 생성
  • 메모 목록 조회 API 생성
  • 메모 수정 API 생성
  • 메모 삭제 API 생성

얻어갈 수 있는 것#

  • 메모를 컨트롤 하기 위한 CRUD API 작성 해보기
  • HTTP GET, PUT, PATCH, DELETE 테스트 해보기

기대하는 것#

  • AWS DynamoDB에 CRUD 사용 경험
  • 함수에 handler 함수로 리팩토링 경험
  • HTTP Method 및 리소스 정의를 통한 REST API 맛보기

2022-04-05#

서버리스 메모 웹 애플리케이션 2회차#

AWS 서버리스 스택-2

내용#

  • DynamoDB 테이블 생성
  • S3 Bucket 생성
  • 메모 생성 API 작성
  • 메모 생성 API 테스트

얻어갈 수 있는 것#

  • AWS DynamoDB 테이블 생성해보기
  • AWS S3 Bucket 생성해보기
  • API 작성 해보기
  • HTTP POST 테스트 해보기

기대하는 것#

  • AWS DynamoDB를 통한 NoSQL DB 사용 경험
  • API 구조 및 HTTP 메서드에 대한 이해

2022-03-22#

서버리스 메모 웹 애플리케이션 1회차#

AWS 서버리스 스택-1

내용#

  • 서버리스 탄생배경
  • 서버리스 컴퓨팅 및 간단한 설명
  • 서버리스 메모 웹 어플리케이션 소개
  • SST Framework 소개 및 구조
  • SST App Hello World

얻어갈 수 있는 것#

  • 서버리스에 대한 간단한 개념 및 정의
  • 클라우드 업체에서 서버리스 컴퓨팅 서비스에 대한 소개
  • AWS Lambda의 구조 및 작동방식
  • SST Framework 사용법

기대하는 것#

  • 서버리스 아키텍쳐에 대한 이해
  • 클라우드 서비스에 대한 사용 경험
  • 인프라 스트럭쳐 코드화