[node.js-express]노드익스프레스 홈페이지 만들기 2

[node.js-express]노드익스프레스 홈페이지 만들기 2

2024. 7. 25. 00:19ㆍ웹페이지만들기

오늘 설명할 폴더는 route폴더와 views입니다.

어..... 쉽게 말해 route는 데이터를 조종하는 리모컨? views는 홈페이지 템플릿과 이를 제어하는 곳입니다.

(죄송합니다....자세하게 알고싶으면 GPT선생한테 물어보세여)

이전에 전 야간학교 홈페이지를 만든다고 했습니다.

오늘은 회원관리페이지 구조만 대충 만들어보겠습니다.

먼저 route폴더에서 우리가 사용할 페이지의 리모컨 건전지를 넣어보겠습니다.

app.js이 파일은 결과적으로 우리가 적용한것들을 실행하는파일입니다.

이곳에서 리모컨 건전지를 넣어줍시다

app.js에가서( 변수명끼리 순서 신경써서 위 사진처럼)

var memberRouter = require('./routes/member');

app.use('/member', memberRouter);

라우터 폴더에 들어가서 member.js파일을 만들어줍니다.

var express = require('express');

var router = express.Router();

// GET member page.

router.get('/member', function(req, res, next) {

res.render('member');

});

module.exports = router;

이제 건전지는 다 넣어줬고 (리모컨에있는 버튼은 이제부터 하나하나 직접 만들거에요) 라우터 get을 선언(버튼 1개추가)

방금 만든 버튼이 표시되는 페이지를 만들어줍시다

views폴더에 member.ejs를 만들어줍니다.

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<h1>회원관리페이지입니다.</h1>

</body>

</html>

f5를 눌러주면 위 문구가 나옵니다 한글 안나올시 lang을 ko로 바꿔주세요

[node.js-express]노드익스프레스 홈페이지 만들기 1 (1)	2024.07.25

세상기록