[AWS 3S] Node.js 에서 .env 파일을 이용하여 S3 버킷 이용하기 ( 버킷에 파일 저장 + 버킷 객체 목록 읽기 )

앞서 프론트에서 진행했을 경우의 위험성을 살펴 보았다. 우리는 가난하기 때문에 과금을 감당할 수 없다. 과금당하지 않기 위해 .env 파일을 만들어, 소중한 key값을 환경변수에 등록하고 사용해보자. 이 글은 Express를 기본적으로 사용할 수 있다는 전제로 진행하지만, 전체 코드와 부분 부분 Node.js를 설명하는 글을 첨부하였기 때문에 조금 서툴더라도 따라할 수 있을 것이다. aws 서비스를 이용하려면, 내가 '이 서비스를 이용할 자격이 있는 사람임' 을 알려주어야 한다. 공식 가이드에서는 다음과 같은 5가지의 방법을 제시하고 있다. 서버(EC2)로부터 IAM Roles를 얻어 연동 서버의 ~/.aws/credentials 경로의 파일에 자격증명 입력하여 연동 환경변수에 자격증명을 저장하고 연동 ..

• format_list_bulleted AWS/S3
• · 2023. 1. 2.
• textsms

TypeError: this.client.send is not a function

aws Node.js 포스트를 쓰기 위해 테스트 진행 중 만난 에러. aws-sdk와 s3 버전이 맞지 않으면 발생한다. npm install multer-s3@^2 --save 로 버전을 맞추면 해결된다.

• format_list_bulleted 바보일기
• · 2023. 1. 2.
• textsms

[Node.js] Express에서 Router 사용하기

express에는 Router가 기본으로 포함되어 있다. 따라서 Express를 사용한다면 곧장 라우터를 사용할 수 있다. 메인이 되는 서버 파일, index.js에서 express를 import 해 준다. 리액트에서 요청하게 할 것이므로 cors를 설치해 주었다. //index.js const express = require('express') const app = express() app.use(express.json()); var cors = require('cors'); app.use(cors()); app.listen(5000,function(){ console.log('서버를 열었습니다.') }) 루트 폴더에 routes폴더를 만들고, 라우터로 사용할 js파일을 만든다. 프론트에서 route ..

• format_list_bulleted NODE.JS(Express)
• · 2023. 1. 2.
• textsms

[Node.js] .env 환경변수 파일 생성과 이용

Node.js에서는 프로젝트 디렉토리에 .env라는 파일이 존재하면, 환경변수처럼 소스코드로 가져와서 사용할 수 있다. .env 파일은 Object처럼 key=value 형식으로 작성하며, 주석을 작성하고자 할 때는 문장의 맨 앞에 #을 붙인다. # 주석을 사용할 때는 #을 붙인다. # 저장할 값이 문자열이라고 해도 따옴표는 사용하지 않는다. key=값 .env 파일을 이용하려면 dotenv 패키지를 설치해야 한다. npm install dotenv .env 파일을 dotenv 패키지로 불러올 수 있다. require('dotenv').config(); .env 파일은 [프로젝트의 루트] 폴더에 생성한다. 테스트용으로 TEST_DATA = test 라는 문장을 .env 파일에 작성한다. .env 파일에 ..

• format_list_bulleted NODE.JS(Express)
• · 2023. 1. 2.
• textsms

[AWS S3] React 에서 버킷 속 객체 리스트 불러오기 ( ListObjectsV2 )

내가 만든 특정한 이름의 버킷에 저장되어있는 모든 버킷을 불러와보자. 마찬가지로 백엔드에서 처리할 필요 없이, 프론트단에서 할 수 있다.(사실 이렇게 하면 안된다. 이유는 뒤에서 설명..) JS환경에서 진행하며, 공식 문서와 함께 스크린샷으로 진행 방법을 상세히 안내하였으니 차근차근.. 빠르게 따라와도 해낼 수 있다. 전체 코드는 언제나처럼 제일 하단에 작성하였다. [더보기]를 클릭하면 된다. AWS 공식 문서는 깔끔하고 악랄하다. React 문서를 읽으면서 우와 공식문서 짱이다 했는데 AWS를 읽으면서는 8지옥을 도는 것 같았다.. 거미그물 같은 곳이라 한번 들어가면 걸려서 못 나온다. 한국어로 읽어도 잘 모르겠는데, 아직 번역되지 않은 문서들이 많기 때문에 읽으면 읽을수록 모르는 미궁에 빠지는 경험을..

• format_list_bulleted AWS/S3
• · 2023. 1. 2.
• textsms

[AWS 3S] React에서 S3에 이미지 업로드하기

처음 웹개발을 배우는 사람들은, 파일 저장을 배울 때 이렇게 배웠을 것이다. '백엔드에 formData를 전달해, 로컬 서버(내 컴퓨터)에 파일을 저장한다' 고 ...(나도 그랬음) 하지만 S3는 내 컴퓨터가 아닌 외부 서버이다. 즉, 남의 컴퓨터에 파일을 저장한다는 뜻이다. 따라서 굳이 백엔드로 전달해 어쩌구 라이브러리를 써서 설정한 다음 내 컴퓨터(로컬)에 저장하고 뭐시기.... 라는 긴 과정을 거칠 필요가 없다. aws의 aws-sdk 라는 라이브러리를 설치해 사용 방법 대로만 해주면, 프론트엔드에서 바로 S3로 파일을 전송해 저장할 수 있다. S3의 버킷은 우리에게 URL 형태의 파일을 제공해주므로 그를 돌려받아 페이지에 바로 뿌릴 수도 있다. 물론 multer와 aws-sdk, multer-3s..

• format_list_bulleted AWS/S3
• · 2023. 1. 1.
• textsms