-
2-11 json-server 설치앵귤러/01 퀵스타트 & 튜토리얼 2017. 8. 8. 09:00
Json-server를 설치
json-server는 json파일을 이용하여 간단한 RESTful서버를 만들 수 있다.
npm intall –g json-server
json-server에서 제공할 영웅목록 json파일 생성
heroes.json
{
"heroes" : [
{ "id": 11, "name": "홍길동"},
{ "id": 12, "name": "이순신"},
{ "id": 13, "name": "수퍼맨"},
{ "id": 14, "name": "배트맨"},
{ "id": 15, "name": "로빈훗"},
{ "id": 16, "name": "장보고"},
{ "id": 17, "name": "을지문덕"},
{ "id": 18, "name": "김유신"},
{ "id": 19, "name": "간디"},
{ "id": 20, "name": "강감찬"}
]
}
Json-server를 가동한다.
json-server heroes.json
D:\angular\angular-tour-of-heroes> json-server heroes.json
\{^_^}/ hi!
Loading heroes.json
Done
Resources
http://localhost:3000/heroes
Home
http://localhost:3000
Type s + enter at any time to create a snapshot of the database
GET /heroes 200 10.338 ms - 472
브라우저에서 http://localhost:3000/heroes 호출한다.
이순신을 조회하기 위해서 http://localhost:3000/heroes/12를 입력해본다.
'앵귤러 > 01 퀵스타트 & 튜토리얼' 카테고리의 다른 글
2-13 http를 이용한 영웅 수정 (0) 2017.08.09 2-12 HttpClient Promise를 사용하여 영웅목록 가져오기 (0) 2017.08.09 2-10 스타일 적용하기 (0) 2017.08.08 2-9 영웅 내역으로 조회 (0) 2017.08.06 2-8 대시보드에 주요 영웅목록 만들기 (0) 2017.08.06