Programming/AWS (5) 썸네일형 리스트형 [AWS] S3 버킷을 이용한 이미지 파일 조회 AWS S3 버킷을 이용한 이미지 파일 조회 1. S3 버킷 만들기S3 버킷은 AWS 에서 파일(객체)를 저장하기 위한 공간이다. (클라우드 상의 폴더 개념이다.)로컬 환경에서 이미지 담는 폴더를 만들어 개발하다가클라우드 상의 폴더를 이용하면 추후 배포 때도 편하게 이미지를 관리할 수 있을 것 같아 만들었다. 해당 프로젝트는프론트 : React(vite) + Typescript백엔드 : SpringBoot 3 + Spring Data JPA환경에서 진행한 걸 기준으로 작성되었다. 또한 서버에서 버킷으로의 파일 업로드가 아닌,버킷에 업로드된 파일을 프론트에서 조회하는 방식만 작성되어 있다. 무료 클라우드 컴퓨팅 서비스 - AWS 프리 티어이러한 프리 티어 혜택은 AWS 신규 고객에게만 제공되며 AWS.. [AWS/Actions] 웹 프로젝트 배포하기 (4) - 프론트(React) Nginx 배포 및 CI/CD 구축 웹 프로젝트 배포하기 (4) - 프론트(React) Nginx 배포 및 CI/CD 구축 [AWS/Actions] 웹 프로젝트 배포하기 (3) - 서버(SpringBoot) 배포 및 CI/CD 구축웹 프로젝트 배포하기 (3) - 서버(SpringBoot) 배포 및 CI/CD 구축 [AWS] 웹 프로젝트 배포하기 (2) - 메모리 증설 및 자바 설치웹 프로젝트 배포하기 (2) - 메모리 증설 및 자바 설치 [AWS] 웹 프hanadoescoding.tistory.com이전 글에서 이어집니다. 1. React 프로젝트 클론server 레포지토리와 client 레포지토리를 분리해서각각 actions 를 적용하는 방법도 있으나.. 이미 한 레포지토리 안에 다 넣어버린 관계로한번에 진행하는 방식으.. [AWS/Actions] 웹 프로젝트 배포하기 (3) - 서버(SpringBoot) 배포 및 CI/CD 구축 웹 프로젝트 배포하기 (3) - 서버(SpringBoot) 배포 및 CI/CD 구축 [AWS] 웹 프로젝트 배포하기 (2) - 메모리 증설 및 자바 설치웹 프로젝트 배포하기 (2) - 메모리 증설 및 자바 설치 [AWS] 웹 프로젝트 배포하기 (1) - EC2 인스턴스 생성웹 프로젝트 배포하기 (1) - EC2 인스턴스 생성 1. AWS 접속 무료 클라우드 컴hanadoescoding.tistory.com이전 글에서 이어집니다 1. 깃허브 계정 설정 및 클론여태까지 빌드업이었다. (실화)본격적으로 서버 배포를 시작해보자. 프로젝트 파일을 ① FileZilla 를 통해 직접 옮기는 방식도 있지만Github 의 Actions 기능을 다루기 위해 미리 깃허브 레포지토리에 업로드해둔 상태다... [AWS] 웹 프로젝트 배포하기 (2) - 메모리 증설 및 자바 설치 웹 프로젝트 배포하기 (2) - 메모리 증설 및 자바 설치 [AWS] 웹 프로젝트 배포하기 (1) - EC2 인스턴스 생성웹 프로젝트 배포하기 (1) - EC2 인스턴스 생성 1. AWS 접속 무료 클라우드 컴퓨팅 서비스 - AWS 프리 티어이러한 프리 티어 혜택은 AWS 신규 고객에게만 제공되며 AWS 가입일로부터 12개월 동안hanadoescoding.tistory.com이 글에서 이어집니다. 1. 인스턴스 연결 및 메모리 증설 열심히 설정해준 인스턴스를 실행시켜 본격적으로 배포해보도록 하겠다. 만든 인스턴스의 체크박스를 누르고상단의 연결 버튼을 누른다. 기본 설정대로 연결해줬다.사용자 이름은 제법 중요하니 따로 정의한 경우 꼭 기억해두자. 연결 버튼을 눌러 배포를 위한 AWS ub.. [AWS] 웹 프로젝트 배포하기 (1) - EC2 인스턴스 생성 웹 프로젝트 배포하기 (1) - EC2 인스턴스 생성 1. AWS 접속 무료 클라우드 컴퓨팅 서비스 - AWS 프리 티어이러한 프리 티어 혜택은 AWS 신규 고객에게만 제공되며 AWS 가입일로부터 12개월 동안 유효합니다. 12개월의 무료 사용 기간이 만료되거나 애플리케이션 사용량이 프리 티어 범위를 초과할 경우aws.amazon.com root 사용자 계정을 만들고콘솔에 로그인 을 눌러서 로그인한다. 검색창에 EC2 를 입력한다.마우스를 올리면 주요 기능에 인스턴스를 볼 수 있다.인스턴스를 눌러 접속한다. 만약 다른 카테고리를 눌러 접속했다해도왼쪽 사이드바에 인스턴스 탭이 있다. 해당 화면에서 작업을 시작할 것이다. 2. 인스턴스 생성 React(Vite) - SpringBoot .. 이전 1 다음
