Project 기록/식당예약웹 (9) 썸네일형 리스트형 네이버클라우드 s3 스토리지 Spring 프로젝트에서 사용하기 (NCP, Spring, 이미지) ② https://coding-hwije.tistory.com/72 요기까지 진행이 되어 있어야한다. NCP에서 s3 스토리지를 만들었다. 스프링코드 구현 난 maven을 사용했기때문에 다음과 같이 의존성을 추가해 줬다. com.amazonaws aws-java-sdk-s3 1.11.238 내가 구글링했을때 build.gradle 은 이거해주면 된다고 하긴한다.implementation 'org.springframework.cloud:spring-cloud-starter-aws:2.2.6.RELEASE' application.properties 에 다음과 같이 적어줬다.s3 브라우저에 입력했던 accesskey와 secretkey 써준다.spring.s3.accessKey=54CB@#$@.. 네이버클라우드 s3 스토리지 Spring 프로젝트에서 사용하기 (NCP, Spring, 이미지) ① 버킷 만들기 NCP 로그인을하고 Object Storage의 Bucket Management 에 들어간다. 버킷 생성 누른다. 이름 입력, 다음을 누른다. 공개 클릭하고 다음을 누른다. 다시 Bucket Management 를 보면 버킷리스트가 보인다. 요기 들어가서 S3 브라우저를 다운받는다. https://s3browser.com/download.aspx 요거 다운받아서 실행시켜주면 된다. 바탕화면에 요런게 생겨있다. 설치한 후 S3 Brower를 실행하고 Menu > Account > Add New Account 에 들어간다. Display name: 이름을 정해준다.Account type: Amazon S3 StorageAccessKey ID: 홈페이지에서 찾아.. env 파일 사용해서 서버 url 환경변수 설정(nuxt.js, node, dotenv) nuxt.js에서 env 파일사용방법 두가지가 있다. @nuxtjs/dotenv와 dotenv 패키지는 둘 다 환경 변수를 로드하는 역할을 한다. dotenv 일반적인 Node.js 애플리케이션에서 사용.Nuxt.js 설정 파일에서 직접 require('dotenv').config()를 호출해야 함.Nuxt.js와 별도로 동작하며, 직접 통합해야 함. @nuxtjs/dotenv Nuxt.js 애플리케이션에서 환경 변수를 쉽게 관리하고 로드하는 데 특화됨.Nuxt.js 모듈로서 간편하게 설정 파일에 추가하여 사용 가능.Nuxt.js와 자연스럽게 통합되어 환경 변수를 Nuxt.js 설정에서 바로 사용할 수 있음. 난 nuxt.js 니깐 @nuxtjs/dotenv를 사용햇다. 1. 패키지 설치npm in.. 네이버클라우드 서버 DB 연동 워크벤치 (my sql, spring, maven, NCP,workbanch) 네이버클라우드 콘솔 화면에서 Cloud DB for MySQL 을 찾는다. DB Server 를 찾아 들어간다. DB 서버를 여기서 만들 거다. DB Server 생성 클릭 세팅할 수 있는 폼이 나온다. VPC 는 자기가 만들어 놓은 VPC 를 선택해 준다. (미리 서버를 만들어야 함) Subnet 도 서버 만들 때 만들어 줬을 건데 Pulic 으로 선택해 줬다. SSD 에 제일 싼거로 해줬다. DB Server 이름과 DB 서비스 이름은 임의로 정해도된다. 다음을 누른다. 디비에 접속할 ID 를 정해준다. HOST(IP) 는 모든 아이피가 접속 가능하도록 % 입력해 줬다. 기본 DB명 적어주면 이 이름의 스키마가 생성되어 있다. 다음을 누르고 확인하면 디비가 만들어 진다. 지금 설정.. 프론트앤드 백앤드통신 서버끼리 통신 (cors,nuxt.js,spring) 프론트앤드, 백앤드 각각 로컬환경에서 구동시켜서 둘이를 연동해서 사용했다. 로컬에서 백앤드 api주소로 요청 보내고, 백앤드에서 cors 허용 프론트 url 을 허용했었는데 , 서버에 둘 다 올리고 보니 또 cors 정책 위반이라고 한다. 백과 프론트가 서로 통신할 수 있게 설정하자 . 백앤드: spring (Maven) application.properties에서 cors 허용, 내 프론트앤드 서버의 공인 ip와 포트를 적어 주었다. # CORS? ??? Origin ??spring.web.cors.allow-credentials=truespring.web.cors.allowed-origins=http://101.79.8.1:3000/spring.web.cors.allowed-methods=G.. 서버에서 nuxt.js 애플리케이션 계속 실행시키기, 안 꺼지기 (nohup, 백그라운드 실행,ubuntu,npm,pm2) 앞 단계는 이게 완성된 상태에서 진행했다. https://coding-hwije.tistory.com/61 nuxt.js 서버에 배포 (ubuntu, npm, putty)Ubuntu 환경 nuxt.config.js 파일 설정 프로젝트의 nuxt.config.js에 다음과 같이 추가해 줬다. server: { host: '0.0.0.0', // 모든 IP 주소에서 접근 가능 port: 3000 // 원하는 포트 번호 }, 서버의 acg에 3000번 포coding-hwije.tistory.com 스프링 프로젝트 처럼 프론트앤드 서버 애플리케이션도 계속 실행되었으면 좋겠다. 해보니 스프링이랑 비슷하다. Putty로 서버에 접속한 후 프로젝트 경로로 들어가 준다.cd /path/to/your/nuxt-.. 서버에서 spring 애플리케이션 계속 실행시키기, 안 꺼지기 (nohup, 백그라운드 실행,ubuntu) 앞 단계는 이거보고 따라하면 될 것같다, 이게 돼 있는 상태에서 진행했다. https://coding-hwije.tistory.com/62 Spring 서버에 배포하기 (Ubuntu, putty, maven)난 maven 으로 프로젝트를 진행했다. application.properties에 다음을 추가해줬다. 모든곳에서 접속허용, 포트번호는 8000으로 했다. 서버의 acg 는 inbound규칙에 8000번포트 허용으로 해줬다. outbound: 1.coding-hwije.tistory.com Putty 를 종료하면 애플리케이션이 꺼지며 더 접속이 안되는걸 확인했다. 안 꺼지게 해보자. 백그라운드에서 계속 실행시키기 1.먼저 Putty를 통해 서버에 접속한다.2. 스프링 부트 애플리케이션을 실행할 디.. Spring 서버에 배포하기 (Ubuntu, putty, maven) 난 maven 으로 프로젝트를 진행했다. application.properties에 다음을 추가해줬다. 모든곳에서 접속허용, 포트번호는 8000으로 했다. 서버의 acg 는 inbound규칙에 8000번포트 허용으로 해줬다. outbound: 1. putty 접속 후 패키지 설치sudo apt-get update# 패키지 정보 업데이트 (즉, 설치 가능한 리스트 업데이트)sudo apt-get upgrade# 패키지 버전 업그레이드 (update 로 가져온 리스트에 맞춰서 최신 버전으로 업그레이드) 2. 자바 OpenJDK 17 설치sudo apt-cache search openjdk# 설치 가능한 항목 검색sudo apt-get install openjdk-17-jdk# OpenJDK 17 - JDK.. 이전 1 2 다음
