블로그 글

박재성 선생님이 개발 블로그에 쓴 글입니다.

✅ 웹 프론트엔드 프로젝트(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 설정

개발을 하다보면 에러를 디버깅하고 해결하는 데에만 대부분의 시간을 쓴다. 따라서 어떤 기술을 익힐 때 반드시 에러를 디버깅 할 수 있는 방법을 정리해두어야 한다. ✅ 에러 상황 /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가 등장하기 전에는 대부분의 회사에