TIL wecode 34. json-server

1. json 형식으로 바꾸기

자바스크립트 객체를 콘솔에 입력한 후 JSON.stringify() 메소드를 활용하면 json 형식으로 손쉽게 변환할 수 있다.

이때 필요한 JSON.stringify() 메소드를 알아보자.

JSON.stringify

JSON.stringify(value[, replacer[, space]])

• value
  JSON 문자열로 변환할 값.
• replacer
  문자열화 동작 방식을 변경하는 함수, 혹은 JSON 문자열에 포함될 값 객체의 속성들을 선택하기 위한 화이트리스트(whitelist)로 쓰이는 String 과 Number 객체들의 배열. 이 값이 null 이거나 제공되지 않으면, 객체의 모든 속성들이 JSON 문자열 결과에 포함된다.
• space
  가독성을 목적으로 JSON 문자열 출력에 공백을 삽입하는데 사용되는 String 또는 Number 객체. 이것이 Number 라면, 공백으로 사용되는 스페이스(space)의 수를 나타낸다; 이 수가 10 보다 크면 10 으로 제한된다. 1 보다 작은 값은 스페이스가 사용되지 않는 것을 나타낸다. 이것이 String 이라면, 그 문자열(만약 길이가 10 보다 길다면, 첫번째 10 개의 문자)이 공백으로 사용된다. 이 매개 변수가 제공되지 않는다면(또는 null 이면), 공백이 사용되지 않는다.

JSON.stringify() - MDN 출처

2. data.json 파일 만들기

json 형식으로 바꾼 데이터를 파일로 저장한다. 이때 프로젝트 디렉토리에 (src 디렉토리 바깥에) 파일을 만들도록 한다.

3. 서버 열기

$ npx json-server ./data.json --port 4000

이 명령어를 터미널에 입력하자.

data.json파일을 기반으로 서버를 여는데 이때 포트 번호는 4000이 될 것이다.

성공적으로 끝났다면 이 화면이 터미널에 뜰 것이다.

4. 서버 접속