✅ Spring Boot 서버에 HTTPS 적용하기 HTTPS 인증서 발급받기 HTTPS 잘 적용됐는 지 확인하기 Nginx 설정 파일 확인해보기
✅ Nginx의 기본 웹 페이지를 Hello World 페이지로 바꿔보기 사용자가 /라는 주소로 접속했을 때 /usr/share/nginx/html/index.html 페이지가 아니라, /usr/share/nginx/html/hello.html 페이지
✅ 웹 프론트엔드 프로젝트(React + Vite) 배포하기 이전에 웹 프론트엔드 프로젝트를 완성시켜서 Github Repository에 올려뒀다고 가정하자. React 프로젝트를 EC2로 가져오기 React 프로젝트 빌드를 위해 Node.js 설치하
✅ 하나의 EC2에서 여러 웹 사이트 배포하기 기존 Nginx 설정 파일 삭제하기 Nginx 설정 파일 작성하기 Nginx 설정 파일 반영하기 웹 페이지 접속해보기 ✅ 전체 구조 다시 짚어보기
✅ 한 서버에서 여러 웹 사이트를 배포하려면?! 일반적으로 배포된 웹 사이트를 보면 IP 주소로 접근하지 않고 도메인 주소로 접근을 한다. 왜냐하면 IP 주소는 기억하기 어렵기 때문이다. 그래서 대부분의 웹 사이트는 도메인 주소를 가지고 있다. 도메인
기본 문법을 해석하고 정리했다면 하나씩 바꿔가면서 응용해봐야 한다. 이렇게도 가지고 놀아보고, 저렇게도 가지고 놀아봐야 한다. 그러면서 코드를 하나씩 수정하면서 의도한대로 작동하는 지 눈으로 확인하는 작업을 반드시 거쳐야 한다. 이렇게 학습하면 정말
리눅스에서 vim을 한 번도 사용해보시지 않은 분들을 아래 자료를 첨부합니다. vim 사용법을 먼저 숙지한 이후에 다음 강의를 따라와주세요:D
✅ Nginx의 기본적인 문법을 알아야 하는 이유 Nginx를 설치하고 실행시키면 아래와 같은 웹 페이지가 뜬다. 하지만 아래 웹 페이지가 아닌 우리가 직접 만든 웹 페이지를 띄우고 싶을 것이다. 그러려면 Nginx의 기본적인 문법을 어느 정도 알고
✅ 웹 프론트엔드 프로젝트(Next.js) 배포하기 이전에 웹 프론트엔드 프로젝트를 완성시켜서 Github Repository에 올려뒀다고 가정하자. Next.js 프로젝트를 EC2로 가져오기 Next.js 프로젝트 빌드를 위해 Node.js 설치하기
✅ 웹 프론트엔드 프로젝트(HTML, CSS, JS) 배포하기 이전에 웹 사이트를 완성시켜서 Github Repository에 올려뒀다고 가정하자. HTML, CSS, JS 웹 프로젝트를 EC2로 가져오기 Nginx 설정 파일 수정하기 Nginx 설정
JSCODE 박재성·2026. 04. 02.
![[실습] Spring Boot 서버에 HTTPS 적용하기](/_next/image?url=https%3A%2F%2Fapi.jscode.kr%2Fapi%2Fpost-images%2F2c111062-ff07-801c-adf1-ebc1c1177c44-04ba2cd49daf7840.webp&w=3840&q=75)
![[실습] Nginx 기본 문법 응용해보기 - 2](/_next/image?url=https%3A%2F%2Fapi.jscode.kr%2Fapi%2Fpost-images%2F2c111062-ff07-80fc-b2ae-d74839ee71fd-306268e05ca49084.webp&w=3840&q=75)
![[실습] 웹 프론트엔드 프로젝트(React + Vite) 배포하기](/_next/image?url=https%3A%2F%2Fapi.jscode.kr%2Fapi%2Fpost-images%2F2c111062-ff07-80f2-9fb8-c57344bf0d02-ef5bc0a797bb913a.webp&w=3840&q=75)
![[실습] 하나의 EC2에서 여러 웹 사이트 배포하기](/_next/image?url=https%3A%2F%2Fapi.jscode.kr%2Fapi%2Fpost-images%2F2c111062-ff07-80d3-a960-d251e9393675-b70b1ea979fc9d44.webp&w=3840&q=75)
![[실습] Nginx 기본 문법 응용해보기 - 1](/_next/image?url=https%3A%2F%2Fapi.jscode.kr%2Fapi%2Fpost-images%2F2c111062-ff07-80ae-83de-e3cc5efdc19c-fa34bd9be31757ec.webp&w=3840&q=75)
![[실습] 웹 프론트엔드 프로젝트(Next.js) 배포하기](/_next/image?url=https%3A%2F%2Fapi.jscode.kr%2Fapi%2Fpost-images%2F2c111062-ff07-8061-93c9-f45d6ed67f93-94de0a1ec740606c.webp&w=3840&q=75)
![[실습] 웹 프론트엔드 프로젝트(HTML, CSS, JS) 배포하기](/_next/image?url=https%3A%2F%2Fapi.jscode.kr%2Fapi%2Fpost-images%2F2c111062-ff07-8054-baee-ec2c9e3aee17-5e7dd233647c6009.webp&w=3840&q=75)