파일 업로드 웹 페이지 구축: (5) AWS API Gateway 생성

📌 시리즈 포스팅

1.  파일 업로드 웹 페이지 구축: (1) React 기반 Frontend 개발
2.  파일 업로드 웹 페이지 구축: (2) AWS IAM 역할 생성
3.  파일 업로드 웹 페이지 구축: (3) AWS Lambda 생성
4.  파일 업로드 웹 페이지 구축: (4) AWS S3 생성
5.  파일 업로드 웹 페이지 구축: (5) AWS API Gateway 생성
6.  파일 업로드 웹 페이지 구축: (6) AWS Lambda 함수 작성
7.  파일 업로드 웹 페이지 구축: (7) Axios 기반 API Call
8.  파일 업로드 웹 페이지 구축: (8) 파일 업로드 테스트
9.  파일 업로드 웹 페이지 구축: (9) AWS S3 기반 웹 호스팅

👨‍💻 들어가며

이전 포스팅에서는 파일 업로드용 웹 페이지 Frontend 구축, AWS IAM 역할, Lambda, S3를 생성하는 절차를 소개하였습니다. 본 포스팅에서는 AWS API Gateway를 생성하는 절차를 소개합니다.

📚 목차

1.  API Gateway 개념
2. API Gateway 생성 

---

1.  API Gateway 개념

아마존 웹 서비스(AWS)의 API Gateway는 HTTP, REST, WebSocket API를 생성, 게시, 유지, 모니터링, 보호해 주는 서비스입니다. 자세한 개념 설명은 AWS의 공식 문서를 참고하시길 바랍니다.

https://docs.aws.amazon.com/ko_kr/apigateway/latest/developerguide/welcome.html

Amazon API Gateway란 무엇입니까? - Amazon API Gateway

2.  API Gateway 생성

1) API Gateway 콘솔 접근

먼저 AWS 홈페이지 내 검색창에서 API Gateway를 검색하여 해당 콘솔로 접근합니다(그림 1).

그림 1. API Gateway 콘솔 접근

2) REST API 구축

콘솔 하단에 REST API 구축을 클릭합니다(그림 2).

그림 2. REST API 구축 선택

3) API 네이밍

아래의 그림 3처럼, "새 API" 선택한 후, 직관적인 이름으로 API를 네이밍하고 우측 하단에 "API 생성" 버튼을 클릭합니다.

그림 3. API 네이밍

4) 리소스 생성

아래의 그림 4처럼, "작업"을 클릭하고 "리소스 생성"을 클릭합니다.

그림 4. 리소스 생성

5) 리소스 생성옵션

리소스 네이밍하고 API Gateway CORS 활성화를 체크합니다(그림 5).

그림 5. 리소스 생성옵션

6) 메서드 생성

다시 아래의 그림 6처럼 "작업" 버튼 클릭 후 "메서드 생성" 버튼을 클릭합니다.

그림 6. 메서드 생성

7) POST 메서드 생성

아래의 그림 7처럼 "POST"를 선택하고 체크 버튼을 클릭합니다.

그림 7. POST 메서드 생성

8) POST 메서드 설정

아래의 그림 8처럼, 통합 유형은 Lambda 함수를 선택하고, Lambda 프록시 통합 사용을 체크합니다. 이전 포스팅에서 생성했던 Lambda 함수 이름을 입력하여 해당 람다 함수를 연결합니다.

그림 8. POST 메서드 설정

9) API 배포하기

아래의 그림 9처럼, 다시 "작업" 버튼 클릭 후 "API 배포" 버튼을 클릭합니다.

그림 9. API 배포하기

10) API 배포 스테이지 설정

배포 스테이지는 [새 스테이지]로 선택하고 아래에 스테이지 이름을 입력합니다(그림 10).

그림 10. API 배포 스테이지 설정

이제 API Gateway 생성 및 기본적인 세팅이 완료되었습니다. 아래의 그림 11처럼 배포된 URL을 확인하실 수 있습니다. 추후 해당 URL로 파일을 axios를 활용해 POST 할 예정입니다.

그림 11. API Gateway URL

다음 포스팅에서는 백엔드 역할의 Lambda 함수 작성 절차를 소개합니다.

📌 시리즈 포스팅

1.  파일 업로드 웹 페이지 구축: (1) React 기반 Frontend 개발
2.  파일 업로드 웹 페이지 구축: (2) AWS IAM 역할 생성
3.  파일 업로드 웹 페이지 구축: (3) AWS Lambda 생성
4.  파일 업로드 웹 페이지 구축: (4) AWS S3 생성
5.  파일 업로드 웹 페이지 구축: (5) AWS API Gateway 생성
6.  파일 업로드 웹 페이지 구축: (6) AWS Lambda 함수 작성
7.  파일 업로드 웹 페이지 구축: (7) Axios 기반 API Call
8.  파일 업로드 웹 페이지 구축: (8) 파일 업로드 테스트
9.  파일 업로드 웹 페이지 구축: (9) AWS S3 기반 웹 호스팅

---

포스팅 내용에 오류가 있거나 보완할 점이 있다면 아래에 댓글 남겨주세요!

그럼 오늘도 즐겁고 건강한 하루 보내시길 바랍니다 :)

고맙습니다😊