앞선 아티클에서 우리가 RESTful로 구현할 서버의 구조를 설계해 보았습니다.
HTTP 메서드 | 주소 | 역할 |
GET | / | restFront.html 파일 제공 |
GET | /about | about.html 파일 제공 |
GET | /users | 사용자 목록 제공 |
GET | 기타 | 기타 정적 파일 제공 |
POST | /user | 사용자 등록 |
PUT | /user/사용자id | 해당 id의 사용자 수정 |
DELETE | /user/사용자id | 해당 id의 사용자 삭제 |
[restFront.css]
a {
color: blue;
text-decoration: none;
}
[restFront.html]
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RESTful SERVER EXAMPLE</title>
<link rel="stylesheet" href="./restFront.css" />
</head>
<body>
<nav>
<a href="/">home</a>
<a href="/about">about</a>
</nav>
<div>
<form id="form">
<input type="text" id="username">
<button type="submit">등록하기</button>
</form>
</div>
<div id="list"></div>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="./restFront.js"></script>
</body>
</html>
나머지 예제 파일들은 다음 아티클에서 이어서 살펴보도록 하겠습니다.
'Programming > Node.js' 카테고리의 다른 글
5. http 모듈로 서버 만들기 (2) - REST와 라우팅 [5] (0) | 2024.07.08 |
---|---|
5. http 모듈로 서버 만들기 (2) - REST와 라우팅 [4] (0) | 2024.07.06 |
5. http 모듈로 서버 만들기 (2) - REST와 라우팅 [2] (0) | 2024.07.04 |
5. http 모듈로 서버 만들기 (2) - REST와 라우팅 [1] (0) | 2024.07.03 |
5. http 모듈로 서버 만들기 (1) - 요청과 응답 [4] (0) | 2024.07.01 |