라벨이 website인 게시물 표시

NestJS 정적인(static) 웹사이트(website) 응답하기

이미지
 NestJS는 백엔드 프레임워크이지만 가끔 직접 클라이언트에 HTML을 직접 전달하는 경우가 있습니다. 1. Handlerbars를 사용하기 위해서 패키지 설치 $ npm install @nestjs/serve-static hbs copy           ├── src           │   ├── app.module.ts           ├── views           │   ├── test.hbs (API로 응답할 HTML 파일)           └── public               └── styles.css                └── index.html 해당 에러를 확인하면 default엔진이 제대로 제공되지 않은것을 알수 있다. main.ts에 엔진 및 경로를 설정해준다. 에러가 발생하는데 이것은 Index.html을 찾는 NestJS 에러이다.  index.html을 만들면 해결 된다. Build시 views, public폴더가 dist안에 들어가게 하기 위해서 아래 코드를 추가 작성해야 한다. nest-cli.json 코드 추가 추가로 dist파일에 view폴더도 복사해 넣고 싶다면 nest-cli.json에 추가 코드를 넣는다.  GitHub Link

Docker-Compose Apache로 HTML 웹사이트 구성하기

이미지
 아파치를 이용하여 웹사이트를 구성하도록 Dockerfile과 Docker-Compose file을 작성한다. 프로젝트 파일 구성 index.html은 아래와 같이 구성한다. <! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" /> < meta name = "viewport" content = "width=device-width, initial-scale=1.0" /> < title > 원티드 시연 </ title > </ head > < body > < h1 > Wanted Backend Challenge - Docker </ h1 > < p >< br /></ p > < h3 > Docker 자료 정리 </ h3 > < p >< br /></ p > < div > < h4 > 도커 설치법(docker, docker-compose) </ h4 > < p > 1. Docker 설치 : < a href = "https://engineeringshw.blogspot.com/2022/03/docker-install-by-terminal-ubuntu-2004.html" > [Ubuntu(Linux)] </ a > < a ...