JSON2

• 

  [Node.js] json 파일을 직접 불러와서 사용해 보자. 1. 개요 Node.js에서 json 파일을 직접 불러와서 사용해 보는 예제이다. ​ 2. 사용법 JSON은 JavaScript Object Notation의 약자로 데이터를 전송하는 데 사용한다. JSON은 key와 value로 구성되어 있다. ​ 아래는 무지개의 영어를 키로 하고 한글을 값으로 하는 JSON 파일이다. 파일 이름 : hello-rainbow.json { "red" : "빨강", "orange" : "주황", "yellow" : "노랑", "green" : "초록", "blue" : "파랑", "indigo" : "남색", "violet" : "보라" } 이번 예제에서는 별도의 모듈이 필요하지 않는다. 아래와 같이 json 파일을 직접 읽어 json.red 를 출력하면 "빨강"이 표시된.. ■ Front-End ■/Node.js 2023. 2. 26.

• 

  [AngularJS] $http 서비스를 이용하여 json을 갖고와 표시해보자. AngularJS에서 $http 서비스를 이용하여 json 데이터를 컨트롤러에 갖고 와 화면에 표시해 본다. AngularJS를 사용하기 위해서 아래와 같이 angularJS CDN을 script 태그에 추가한다. div 태그에 ng-app 속성을 만들고 "myApp" 으로 정의하고 ng-controller 속성을 만들고 "myCtrl"이라고 정의한다. 컨트롤러 코드를 살펴보면 $http.get()으로 파일경로를 입력하면 파일 내용을 response에 담아온다. JSON 파일경로나 JSON 데이터를 넘겨주는 URL을 기재한다. json 데이터를 보면 date 이름으로 배열형태로 담겨 있어서 response.data로 했다. $http.get("./data.json").success( function(re.. ■ Front-End ■/AngularJs 2023. 2. 22.