[인턴/ko웹페이지] Node.js 프론트엔드 코드 세팅👾 - 기본코드

프론트엔드 코드 작성

1. HTML 파일 (frontend/public/index.html):

웹사이트의 뼈대가 되는 html 파일을 작성한다.

 

2. CSS 파일 (frontend/public/styles.css):

웹사이트를 꾸며주는 CSS 파일을 작성한다.

 

3. JavaScript 파일 (frontend/src/app.js):

웹사이트 내의 기능 실행이 이루어지도록 JS 파일을 작성한다.

 

 

 

우선 프론트엔드  라는 말을 하기도 부끄러운 기초 디자인 코드를 작성한 상태.

나중에 리액트를 활용해서 프론트엔드 코드 구성을 해봐야겠다.

 

---

 

프론트엔드 코드 실행

npx http-server frontend/public

 

 

 

 

 

그렇다면, 저 주소에 접속하면 어떻게 보일까?

 

 

이렇게 잘보인다 ^^