1. IDE 에서 기존에 가지고 있던 프로젝트 열기
    1. node app.js 로 서버 실행하기
    2. postman 에서 파일 업로드하기

      • localhost:80/upload 로 URL 주소 입력하기.
      • Body에 form-data 형식으로, file 추가한 뒤 Send 선택
      • Response body(8) 에서 location 은 S3 가 보내준 이미지 파일 위치
    3. 버킷에 올라가있는 지 확인
      • AWS 의 S3 에서 이미지가 올라온것을 확인할 수 있다.
      • 객체 url을 선택하면 해당 파일을 다운로드 진행할 수 있다.
    4. S3에 저장된 URL로 이미지 잘 조회되는 지 확인
      • 아래 코드에서 img src 내부에 값 입력하기 
        <!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <h1>이미지 테스트</h1>
  <img src="______"/>
</body>
</html>
      • 웹 페이지에서 해당 html 확인하기

 

'Server&load > AWS' 카테고리의 다른 글

S3 파일 업로드 및 정적 웹사이트 호스팅하기  (0) 2025.05.08
웹서비스 배포에 사용되는 S3, CloudFront  (0) 2025.05.07
S3에 파일을 업로드할 수 있도록 IAM에서 엑세스 키 발급  (0) 2025.05.06
S3 버킷 생성하기  (0) 2025.05.05
S3의 의미와 S3를 활용한 아키텍처 구성.  (0) 2025.05.04

티스토리툴바