DATA101

📚 목차 ✅ AWS 기본 세팅 1. S3 버킷 생성 2. IAM Role 생성 3. Lambda 함수 생성 4. Lambda 함수 작성 ✅ AWS 기본 세팅 본격적으로 튜토리얼을 시작하기에 앞서, AWS 회원가입 및 리전 변경과 같은 기본적인 세팅이 필요합니다. 기본적인 세팅이 미비된 분들께서는 아래의 '더보기' 버튼을 클릭해 주세요. 더보기 1) 서비스 가입 먼저 AWS 홈페이지에 방문하셔서 회원가입을 하셔야 합니다. 아래와 같이 최초 가입한 이메일 계정으로 1년간 무료 체험판(a.k.a., 프리 티어)을 제공합니다. 물론 무료인 만큼 저사양 서비스 무료로 사용 가능합니다. 회원가입 시 해외 결제가 가능한 신용카드 등록이 필수입니다. 유효한 신용카드인지 100원을 결제했다가 곧바로 승인 취소되니 유효한..

🤖 에러 상황 React에서 배포 파일 생성 시도 중 에러를 마주하였습니다. npm run build 배포 파일 생성뿐만 아니라 React 서버 실행 시도에도 같은 에러를 마주할 수 있습니다. 📝 에러 코드 sh: react-scripts: command not found 💡 원인 package.json 내 모든 dependency를 다운로드하지 않아서 package.json 내 script를 제대로 일어오지 못하여 발생한 에러입니다. ✅ 해결방법 npm install 을 통해 모든 패키지를 설치해 줍니다. npm install npm install로 해결되지 않는 경우 모든 패키지를 설치하였음에도 같은 에러가 발생한다면, node-modules 폴더를 삭제하고 다시 모든 패키지를 설치해 보시길 바랍니다..

📌 시리즈 포스팅 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 기반 웹 호스팅 👨‍💻 들어가며 본 포스팅에서는 AWS S3를 기반으로 정..

📌 시리즈 포스팅 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 기반 웹 호스팅 👨‍💻 들어가며 본 포스팅에서는 파일이 S3에 잘 업로드되..

📌 시리즈 포스팅 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 기반 웹 호스팅 👨‍💻 들어가며 본 포스팅에서는 Axios 패키지를 활용하..

📌 시리즈 포스팅 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 기반 웹 호스팅 👨‍💻 들어가며 본 포스팅에서는 Backend 역할로써 L..

📌 시리즈 포스팅 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 기반 웹 호스팅 👨‍💻 들어가며 이전 포스팅에서는 파일 업로드용 웹 페이지..

📌 시리즈 포스팅 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 기반 웹 호스팅 👨‍💻 들어가며 이전 3개의 포스팅에서는 React 기반의..