✅ 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 설정
개발을 하다보면 에러를 디버깅하고 해결하는 데에만 대부분의 시간을 쓴다. 따라서 어떤 기술을 익힐 때 반드시 에러를 디버깅 할 수 있는 방법을 정리해두어야 한다. ✅ 에러 상황 /etc/nginx/conf.d/default.conf server {
React로 만든 홈페이지는 jscode.p-e.kr이라는 도메인 주소로 접근하게 만들고 싶고, Next.js로 만든 홈페이지는 admin.jscode.p-e.kr이라는 도메인 주소로 접근하게 만들고 싶다고 가정하자. ✅ 무료 도메인 구매 후 EC2에
Nginx를 활용해 웹 사이트를 배포할 수 있다. 이걸 보고 ‘Nginx가 웹 서버(Web Server) 역할을 한다’라고 얘기한다. 웹 서버(Web Server)가 뭔지 알아보자. ✅ 우리는 어떻게 네이버에 접속할 수 있는걸까? 웹 서버(Web Se
✅ Apache vs Nginx Apache와 Nginx의 차이를 디테일하게 설명하면 내용이 어려워지고 재미없어진다. Nginx를 배우는 데 지금 이 내용은 크게 중요하지 않기 때문에 간단하게만 설명하겠다. Nginx가 등장하기 전에는 대부분의 회사에
✅ Ubuntu 환경에서 Nginx 설치하기 # apt에서 설치 가능한 패키지 리스트(최신 패키지, 버전 등)를 최신화시킨다. # apt는 리눅스에서 사용되는 소프트웨어 패키지를 설치 및 관리할 수 있게 도와주는 툴이다. # npm 또는 gradle과
✅ 리눅스 명령어를 잘 모르시는 분들을 위한 공부 방법 위와 같은 검은 화면이 낯설게 느껴지는 사람들이 있을 수 있다. 처음엔 다 그렇다. 개발자는 윈도우(Windows), 맥(MacOS)보다 리눅스(Linux) 환경에 익숙해질 수 있어야 한다. 리눅
✅ 로그 확인하는 방법을 알아야 하는 이유 Spring Boot 또는 Nest.js와 같은 프레임워크를 활용해서 개발할 때 콘솔창을 자주 확인한다. 콘솔창을 보면서 에러 메시지가 뜨는 지, 잘 작동하는 지 확인하면서 개발 작업을 한다. 리눅스에서 콘솔
JSCODE 박재성|2026. 04. 02.
![[실습] 웹 프론트엔드 프로젝트(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)
![[실습] 무료 도메인 구매 후 EC2에 연결하기](/_next/image?url=https%3A%2F%2Fapi.jscode.kr%2Fapi%2Fpost-images%2F2c111062-ff07-804b-ac0a-ee4c2612f774-605b2c55c180fc86.webp&w=3840&q=75)
![[공부 Tip] 리눅스 명령어를 잘 모르시는 분들을 위한 공부 방법](/_next/image?url=https%3A%2F%2Fapi.jscode.kr%2Fapi%2Fpost-images%2F2c111062-ff07-806e-bf16-e5d9d9aac7ed-f97fc67b07a9e709.webp&w=3840&q=75)
