Web

JSON.parse() (5)

ECMAScript 5 JSON 객체

ECMAScript 5 부터는 정식으로 JSON 객체를 지원한다고 한다.JSON은 자바스크립트 객체의 형태를 가지는 문자열을 뜻한다.이부분은 나중에 자세히 알아보고 이번 포스팅에서는 ECMAScript 5 JSON 객체의 2가지 메소드를 간단히 알아보겠다. 2가지 메소드는 JSON.stringify() 와 JSON.parse() 이다.JSON.stringify()는 자바스크립트 객체를 JSON문자열로 변환하고 JSON.parse()는 JSON문자열을 자바스크립트 객체로 변환시켜준다. 먼저 JSON.stringify() 메소드를 짧게 사용해보자. 다음 JSON.parse() 메소드를 사용해보자.

더 읽기

ajax에서 JSON.parse(), JSON.stringify() 마스터하기

  • Note&pen
  • SPRING
  • 2018. 7. 3. 17:37

ajax에서 JSON.parse()와 JSON.stringify()을 사용해보자. JSON.parse() 는 String 객체를 json객체로 변환 시키고JSON.stringify() 는 json객체를 String 객체로 변환 시킨다. 위의 두 메소드알아 보기 위해 내 프로젝트에서 사용했던 부분들을 캡처 했다. JSON.stringify는 ajax의 data 설정에 사용했고parse()는 success에서 사용했다.ajax는 jsp파일의 스크립트단 안에 만들어줬다. 먼저 param 값과 JSON.stringify(param) , JSON.parse(data) 의 데이터를 확인해보기 위해 콘솔로그를 찍어 보았다. 일단 위 param 값을 잘 모른다면 이전 포스팅을 한번 읽어보자. 이전 포스팅 : (http..

더 읽기

뷰 액시오스

  • Note&pen
  • Vue.js
  • 2018. 4. 16. 10:54

액시오스 (Axios)는 현재 뷰 커뮤니티에서 가장 많이 사용되는 HTTP통신 라이브러리다. 에반도 뷰 리소스 라이브러리를 통해공식 라이브러리에서 제외하면서 액시오스를 언급했다고한다.액시오스는 깃허브 리포지토리의 별이 3만개가 넘는다. 이는뷰 리소스의 8천개에 비해 압도적으로 많다. 그만큼 많은 개발자들이관심을 갖고 이용하고 있다는 증거이다. 일반적으로 오픈소스 라이브러리의장래성은 깃허브 리포지토리가 얼마나 활성화되어 있느냐로판단할 수 있는데, 액시오스가 그런면에서 뷰 리소스 보다 더 안정적으로지원되는 라이브러리 라고 할 수 있다. 또한 액시오스는 Promise 기반의 API형식이 다양하게 제공되어별도의 로직을 구현할 필요 없이 주어진 API만으로도간편하게 원하는 로직을 구현할 수 있다. 간단하게 액시오..

더 읽기

뷰 리소스

  • Note&pen
  • Vue.js
  • 2018. 4. 16. 10:34

뷰 리소스를 사용하는 방법은 CDN을 이용해서 라이브러리를로딩하는 방식과 NPM으로 라이브러리를 설치하는 방법이 있다.CDN 설치 방법을 이용하여 간단히 뷰 리소스로 서버에서 특정데이터를 받아와 로그로 출력해보겠다. 아래 소스를 보자. 먼저 위 코드는 버튼을 하나 추가해 클릭하면지정한 URL의 데이터를 가져오는 소스이다.여기서 불러오는 데이터는 JSON 형식의 간단한 파일이며 프레임워크 종류 - 프레임워크 이름 형태로 키- 쌍 조합으로총 7개의 데이터 쌍으로 되어있다. 먼저 7line에서는 버튼을 인스턴스 영역안인 태그안에태그로 추가했다. 그리고 v-on:click을 이용해버튼을 클릭하면 getData가 호출되도록 한다. 17line은 getData()에는 뷰 리로스 에서 제공하는 API인this.$ht..

더 읽기

JSON.stringify(); JSON.parse();사용하기

  • Note&pen
  • SPRING
  • 2018. 3. 2. 14:54

웹 개발을 하다. JSON.stringify, JSON.parse에 대해서 한 번 쯤 보거나 들어봤을 것이다이것은 개발에 있어 굉자히 중요하고사용할줄 알아야한다. JSON.Stringify 와 JSON.parse 는 자바스크립트의메소드이다. 먼저 간단하게 무슨역할의 메소드인지 보자. JSON.parse- String 객체를 json객체로 형변환 시켜준다 JSON.stringify- json객체를 String객체로 형변환 시켜준다 이제 간단하게 사용법에 대해 알아보겠다 ex1)12345678910111213var data ={ Name : "Hong" ,Age : "26"} var Person = JSON.stringify(data);var Person2 = JSON.parse(person); //outp..

더 읽기

Copyright © Web All Rights Reserved

Designed by JB FACTORY

티스토리툴바