[개발자의품격][부트캠프][1기][10차시] JavaScript 주요 포인트 #11 | 고급 문법 - JSON Server 설치 및 실행 에러 해결

JavaScript 주요 포인트 #11

JSON Server 만들기

XMLHttpRequest, Fetch API, Promise, Async/Await을 실습하기 위해서는 서버가 필요하다. 따라서 JSON Server를 설치한다. GitHub에서 JSON Server의 설치방법 및 사용법을 확인할 수 있다. JSON Server는 진짜 서버인 것 처럼 활용이 가능하며 실무에서 잘 활용할 수 있어야 한다. 유사한 툴로 Postman이 있다. JSON Server의 사용으로 얻을 수 있는 이점은 다음과 같다.

• 서버를 실제 구현하지 않아도 토이프로젝트 진행이 가능하다.
• 백엔드 개발자와 프론트엔트 개발자의 시간 불일치로 인한 리소스 낭비를 줄일 수 있다.

 

JSON Server 설치

npm install -g json-server

 

db.json 만들기

실습에서는 json-server 폴더를 생성한 후 만들었다. 조회, 생성, 수정, 삭제 실습이 진행되면 db.json의 내용이 변경된다.

{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}

 

JSON Server 실행

json-server --watch db.json

 

JSON Server 실행 성공

실습시 Resources의 주소를 이용한다.

PS C:\Users\Sewol\Documents\GitHub\bootcamp\javascript> json-server --watch db.json

  \{^_^}/ hi!

  Loading db.json
  Oops, db.json doesn't seem to exist
  Creating db.json with some default data

  Done

  Resources
  http://localhost:3000/posts
  http://localhost:3000/comments
  http://localhost:3000/profile

  Home
  http://localhost:3000

 

---

 

JSON Server 실행 에러 해결

JSON Server 설치 후 실행 시 만난 에러이다.

PS C:\Users\Sewol\Documents\GitHub\bootcamp\json-server> json-server --watch db.json
json-server : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\Sewol\AppData\Roaming\npm\json-server.ps1 파일을 로드할 수
 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오.
위치 줄:1 문자:1
+ json-server --watch db.json
+ ~~~~~~~~~~~
    + CategoryInfo          : 보안 오류: (:) [], PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

 

해결 방법은 Powershell 을 관리자 모드로 열고, get-ExecutionPolicy를 입력했을 때 Restricted가 출력된다면 다음과 같이 조치하면 된다.

PS C:\users\Sewol> get-ExecutionPolicy
Restricted
PS C:\users\Sewol> set-ExecutionPolicy RemoteSigned

실행 규칙 변경
실행 정책은 신뢰하지 않는 스크립트로부터 사용자를 보호합니다. 실행 정책을 변경하면 about_Execution_Policies 도움말
항목(https://go.microsoft.com/fwlink/?LinkID=135170)에 설명된 보안 위험에 노출될 수 있습니다. 실행 정책을
변경하시겠습니까?
[Y] 예(Y)  [A] 모두 예(A)  [N] 아니요(N)  [L] 모두 아니요(L)  [S] 일시 중단(S)  [?] 도움말 (기본값은 "N"): y
PS C:\users\Sewol> get-ExecutionPolicy
RemoteSigned
PS C:\users\Sewol>