📚 블로그

789

[실습] 웹 프론트엔드 프로젝트(HTML, CSS, JS) 배포하기

✅ 웹 프론트엔드 프로젝트(HTML, CSS, JS) 배포하기 이전에 웹 사이트를 완성시켜서 Github Repository에 올려뒀다고 가정하자. HTML, CSS, JS 웹 프로젝트를 EC2로 가져오기 Nginx 설정 파일 수정하기 Nginx 설정

✅ 웹 프론트엔드 프로젝트(Next.js) 배포하기 이전에 웹 프론트엔드 프로젝트를 완성시켜서 Github Repository에 올려뒀다고 가정하자. Next.js 프로젝트를 EC2로 가져오기 Next.js 프로젝트 빌드를 위해 Node.js 설치하기

✅ Nginx의 기본적인 문법을 알아야 하는 이유 Nginx를 설치하고 실행시키면 아래와 같은 웹 페이지가 뜬다. 하지만 아래 웹 페이지가 아닌 우리가 직접 만든 웹 페이지를 띄우고 싶을 것이다. 그러려면 Nginx의 기본적인 문법을 어느 정도 알고

리눅스에서 vim을 한 번도 사용해보시지 않은 분들을 아래 자료를 첨부합니다. vim 사용법을 먼저 숙지한 이후에 다음 강의를 따라와주세요:D

기본 문법을 해석하고 정리했다면 하나씩 바꿔가면서 응용해봐야 한다. 이렇게도 가지고 놀아보고, 저렇게도 가지고 놀아봐야 한다. 그러면서 코드를 하나씩 수정하면서 의도한대로 작동하는 지 눈으로 확인하는 작업을 반드시 거쳐야 한다. 이렇게 학습하면 정말

✅ 한 서버에서 여러 웹 사이트를 배포하려면?! 일반적으로 배포된 웹 사이트를 보면 IP 주소로 접근하지 않고 도메인 주소로 접근을 한다. 왜냐하면 IP 주소는 기억하기 어렵기 때문이다. 그래서 대부분의 웹 사이트는 도메인 주소를 가지고 있다. 도메인

✅ 하나의 EC2에서 여러 웹 사이트 배포하기 기존 Nginx 설정 파일 삭제하기 Nginx 설정 파일 작성하기 Nginx 설정 파일 반영하기 웹 페이지 접속해보기 ✅ 전체 구조 다시 짚어보기

✅ 웹 프론트엔드 프로젝트(React + Vite) 배포하기 이전에 웹 프론트엔드 프로젝트를 완성시켜서 Github Repository에 올려뒀다고 가정하자. React 프로젝트를 EC2로 가져오기 React 프로젝트 빌드를 위해 Node.js 설치하

✅ Nginx의 기본 웹 페이지를 Hello World 페이지로 바꿔보기 사용자가 /라는 주소로 접속했을 때 /usr/share/nginx/html/index.html 페이지가 아니라, /usr/share/nginx/html/hello.html 페이지

✅ Ubuntu 환경에서 Nginx 설치하기 # apt에서 설치 가능한 패키지 리스트(최신 패키지, 버전 등)를 최신화시킨다. # apt는 리눅스에서 사용되는 소프트웨어 패키지를 설치 및 관리할 수 있게 도와주는 툴이다. # npm 또는 gradle과