![[Java, Spring] Linux 파일 서버 경로 연결하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fcro7zJ%2FbtsJSduDgrY%2F1bwn4AbBBWm4iQyGk6ds30%2Fimg.png)
Linux Ubuntu 환경에 프론트와 백엔드 서버가 각각 배포되어있는 상태입니다.각 회원마다 등록한 본인의 프로필 이미지가 서버 특정 폴더에 저장이 되어있는 상태이고, img 태그의 src 경로를 통해 서버에 업로드 되어있는 이미지를 가져오려합니다 ! ⚙️ 프로젝트 환경Spring Boot : 2.7.14Node : 20.6.0Linux : Ubuntu 22.04 🎇 img태그 설정아래와 같이 /icon-image/를 기본 경로로 지정해 놓고 이후 회원의 이미지 파일명을 받아 서버 폴더에서 불러오려고합니다.만약 파일이 없을 경우에는 public 폴더에 저장해 놓은 기본 이미지를 띄워주겠습니다 !src에 설정해 놓은 경로로 이미지를 서버로 요청합니다.src의 서버의 실제 파일의 위치로 설정해 놓는 것은..
![[Linux] nginx에 certbot으로 SSL(https) 보안 인증서 적용하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fnosh5%2FbtsH5VoRIW2%2FqeTKnp5nWvCyg56KUT0dnK%2Fimg.png)
프로젝트를 배포하고 SSL 설정은 급한게 아니라 천천히 하려고 했지만 배포한 http에서 cookie에 저장이 안되는 이슈가 생겼다....이유는 https 적용할 경우 해결된다고 해서 부랴부랴 cerbot으로 SSL 적용을 했다 ! Let's Encrypt이란 ?Let's Encrypt는 무료 SSL/TLS 인증서를 얻고 설치할 수 있는 인증 기관으로, 웹 서버에서 암호화된 HTTPS를 사용할 수 있도록 해줍니다. 또한 Certbot이라는 자동화 클라이언트를 제공하여 Apache 및 nginx에서 인증서를 획득하고, 설치하는 전체 프로세스가 자동화 되어있습니다.참고로 Let's Encrypt 인증서의 경우 유효기간은 3개월(90일)로 기간이 짧습니다. 가장 큰 이유로는 짧은 주기의 자동 갱신을 권장하여 ..
![[Linux] nginx와 React 빌드 및 연동하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FVWe7t%2FbtsH6PhbqHp%2FgMyngo8r6pIp17LkEaomZk%2Fimg.png)
노드 설치하기React.js를 작동시키리면 런타임인 node가 필수로 있어야됩니다 ! 아래 명령어를 통해 node를 먼저 다운받겠습니다 !// apt 최신화 작업하기$ sudo apt-get update$ sudo apt-get upgrade// node 설치하기$ sudo apt install nodejs// node 버전확인하기$ node -vnode를 정상적으로 설치했을 경우 npm도 포함되어있다 npm을 별도로 설치하지 않으셔도 됩니다 ! React 빌드하기Ubuntu 환경에서 React를 실행시키기 위해서는 빌드된 파일이 있어야합니다 ! 배포를 하기 위해 먼저 local의 프로젝트를 root 폴더에서 아래 명령어를 통해 빌드해줍니다.$ npm run build진행하였을 경우 root폴더에 bui..