DATA101

👨‍💻 들어가며 본 포스팅에서는 이클립스를 활용하여 간단한 정적(static) 웹 페이지를 만드는 과정을 소개합니다. 구체적으로, 메인 페이지와 2개의 페이지로 총 3개의 페이지를 만들고, 메인 페이지에서 다른 2개의 페이지로 하이퍼링크를 통해 넘어가는 방법을 소개합니다. 1. 개발 Step 1. 이클립스 실행 먼저, 이클립스를 실행합니다. Step 2. Web 개발 모드 변경 이클립스 내 우측 상단에 보면 돋보기 아이콘이 있습니다. 아래의 스크린샷처럼, 돋보기 아이콘 우측에 위치해 있는 Open Perspective 아이콘을 클릭합니다. 아래에서 두 번째에 있는 Web을 선택하고 하단에 Open 버튼을 클릭합니다. Step 3. Static Web Project 생성 상단 메뉴바에서 File > New..

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

📌 시리즈 포스팅 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 기반 웹 호스팅 👨‍💻 들어가며 이전 포스팅에서는 React를 활용하여 파..

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

👨‍💻 들어가며 AWS Lambda에 대한 기본 개념은 아래 포스팅을 참고해 주세요. AWS Lambda 개념, 장단점, 사용목적 📚 목차 1. 개념 2. 장단점 3. 사용목적 참고자료 1. 개념 Amazon Web Service(AWS) Lambda는 이벤트가 발생했을 때 코드(=함수)를 실행하고 컴퓨터 리소스를 관리하는 Serverless 컴퓨팅 서비스입니다(그림 1 heytech.tistory.com 본 포스팅에서는 AWS Lambda, AWS API Gateway를 활용하여 간단한 웹 서버를 띄어보는 방법에 대해 다룹니다. 1. AWS 기본 세팅 1.1. 서비스 가입 Lambda를 사용하려면 먼저 AWS 홈페이지에 방문하셔서 회원가입을 하셔야 합니다. 아래의 그림 1과 같이 최초 가입한 이메일 계..