본문 바로가기

Programming/Node.js

5. http 모듈로 서버 만들기 (2) - REST와 라우팅 [3]

node js logo image

 

 

 

 

앞선 아티클에서 우리가 RESTful로 구현할 서버의 구조를 설계해 보았습니다.

 

 

 

5. http 모듈로 서버 만들기 (2) - REST와 라우팅 [2]

앞선 아티클에서 REST의 기본적인 개념과 내용을 살펴보았습니다. 자원의 주소와 HTTP 요청 메서드를 통해서 해당 요청의 내용을 대략 추측할 수 있는 것을 확인했습니다.   5. http 모듈로 서버

nozeroslope.tistory.com

 

 

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>

 

 

나머지 예제 파일들은 다음 아티클에서 이어서 살펴보도록 하겠습니다.