본문 바로가기
Back-End Frameworks/Node.js

2) Nodejs - 백앤드 넓고 얕게 맛보기_정리_로그인 기능 만들기(출처 유튭 강의)

by Downy_J 2023. 10. 27.
728x90
반응형
SMALL

일단 로그인 화면을 좀 만들거라.. index.html 만들어주면...

 

안된다 저걸 app.js에 붙여 넣을건데

그럼 html 왜 만듬?

자동완성이 되니깐..;; 복사 해 썻으니 읎애도 

 일부러 이렇게 유지보수 어렵게 하드 코딩을 했다

 

일단 하드 코딩을 하고 점차 점차 최적화를 해나가는 방향으로 함 가보자

(내가 모르던 방식이 앞으로 많아 질 예정. .)

 


view 엔진 셋팅 후 분리하기

이제 이 app 세팅을 해줄건데

이 views를 ./views 라는 폴더로 기본 세팅을 해줄거

 

그리고 이제 views 안에 들어갈 html 코드들 그걸 어떤걸로 해석 할지를 정해줘야 한다

이 view engine으로 ejs를 사용 할거라 설정 해준다

세팅 끝났으믄 하드코딩된거 옮겨야지

views안에 home폴더를 만들고 그 안에 login.ejs 파일을 만들어 아까 하드 코딩된 login 잘라내서
 
 

둘다 이렇게 붙여 넣고 이제 

login.ejs랑 index.ejs가 각각의 도메인에 왔을때
연결이 되게 해줘야 함
res 응답 랜더한다는 render 을 해서
home/index,
home/login

을 해준다
만약 ejs 모듈 설치를 안했다면
이렇게 뜰건데
해주고 나면
문제없이 잘 뜰거다

여기 까지 view를 ejs파일을 사용해 따로 분리 했다


라우팅 분리하기
여 보면
이 라우트..
경로를 만드는게 여기 있으면 안되고
좀 분리를 시켜줘야 한다

파일부터 좀 만들자

routes 폴더 안에 home 폴더를 만들고 index.js 를 만든다음
먼저 최상단 use strict는 ECMAScript 문법을 준수하겠단거고

저대론 app을 쓸수 없으니
express를 불러와 그 안에 Router를 가져온 뒤

그걸로 라우팅 연결을 해준다음
이 라우터를 외부 파일에서 꺼내 쓸수 있도록 외부로내보내기 해준다음
app.js 파일에 등록을 해준다

 

728x90