저번에 fetch로 연결을 했었는데, 서버와 브라우저를 연결하기 위해서는 우선적으로 해야할 것이 있다.
app.js 파일이나 메인 쪽에서 연결을 하기 위해 추가를 해줘야 하는 것인데,
참고로 ejs 같은 경우는 render로 연결하는것으로 알고있다.
app.use(express.static(path.join(__dirname, 'public')));
이렇게 static을 해주고 dirname 즉 디렉토리이름에 뒤에 ' 작업하면서 만든 html,css,js 등 ' 을 모아둔 폴더이름을 지정해주면 된다.
+ 추가
브라우저를 만들면서 상세페이지들이 있고 " 나는 메인페이지 프론트연결을 확인하고 싶다 " 라고 생각을 한다면
app.get('/', authenticateToken, (req, res) => {
res.sendFile(path.join(__dirname, 'public', 'html', 'main.html'));
});
이렇게 get 뒤에 URL 주소를 적어주고, Token 같은 경우는 각자 인증미들웨어를 사용하거나 로그인등을 하면 추가로 넣어주면 된다! 그 다음 send를 통해서 디렉토리뒤에 각자 원하는 파일 이름들을 적어주면 된다.
이제 서버코드를 구현하는것에 익숙해져 있는상태라 상세한 설명이 부족하긴 하지만, 추후 브라우저와 연결을 하며
자주 사용하면서 공부를하고 빨리 깨우쳐야겠다.