✅json이란 ?
JSON(JavaScript Object Notation)은 속성-값 쌍 또는 키-값 쌍으로 이루어진 데이터 객체를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 형식이다. 예시는 다음과 같다.
[
{
topText1 : '오늘의 기온을 적어주세요',
topText2 : '기온에 맞는 옷차림을 알려드릴게요'
}
]
서버와 웹 클라이언트 사이에서 데이터를 주고 받을 때 주로 사용한다.
✅json 활용법
서버를 직접 구현하지 않을 것이기 때문에 json 형식의 코드를 이용하여 설명할 예정이다. 다음 코드를 보자.
let json = [
{
topText1 : '오늘의 기온을 적어주세요',
topText2 : '기온에 맞는 옷차림을 알려드릴게요'
}
];
json이라는 변수의 0번째 위치에 있는 topText1이라는 이름의 데이터 = "오늘의 기온을 적어주세요"
json이라는 변수의 0번째 위치에 있는 topText2라는 이름의 데이터 = "기온에 맞는 옷차림을 알려드릴게요"
이를 코드로 작성하면 다음과 같다.
console.log(json[0].topText1);
객체에 접근하는 방식으로 데이터에 접근하여 사용할 수 있다.
'WEB > JS' 카테고리의 다른 글
[JS] 15-2. 과제 - 챗봇 유동적인 기능 만들기 (json parsing) (0) | 2021.10.02 |
---|---|
[JS] 14-2. 과제 - CDN 사용법 (2) | 2021.10.01 |
[JS] 14-1. CDN 사용법 (2) | 2021.10.01 |
[JS] 13. 과제 - 챗봇 만들기 3일차 (태그 제어 → 값 변경 및 버튼 이벤트 생성) (2) | 2021.09.29 |
[JS] 12. 과제 - 챗봇 만들기 2일차(태그 제어 → 배경색 변경) (0) | 2021.09.29 |
✅json이란 ?
JSON(JavaScript Object Notation)은 속성-값 쌍 또는 키-값 쌍으로 이루어진 데이터 객체를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 형식이다. 예시는 다음과 같다.
[
{
topText1 : '오늘의 기온을 적어주세요',
topText2 : '기온에 맞는 옷차림을 알려드릴게요'
}
]
서버와 웹 클라이언트 사이에서 데이터를 주고 받을 때 주로 사용한다.
✅json 활용법
서버를 직접 구현하지 않을 것이기 때문에 json 형식의 코드를 이용하여 설명할 예정이다. 다음 코드를 보자.
let json = [
{
topText1 : '오늘의 기온을 적어주세요',
topText2 : '기온에 맞는 옷차림을 알려드릴게요'
}
];
json이라는 변수의 0번째 위치에 있는 topText1이라는 이름의 데이터 = "오늘의 기온을 적어주세요"
json이라는 변수의 0번째 위치에 있는 topText2라는 이름의 데이터 = "기온에 맞는 옷차림을 알려드릴게요"
이를 코드로 작성하면 다음과 같다.
console.log(json[0].topText1);
객체에 접근하는 방식으로 데이터에 접근하여 사용할 수 있다.
'WEB > JS' 카테고리의 다른 글
[JS] 15-2. 과제 - 챗봇 유동적인 기능 만들기 (json parsing) (0) | 2021.10.02 |
---|---|
[JS] 14-2. 과제 - CDN 사용법 (2) | 2021.10.01 |
[JS] 14-1. CDN 사용법 (2) | 2021.10.01 |
[JS] 13. 과제 - 챗봇 만들기 3일차 (태그 제어 → 값 변경 및 버튼 이벤트 생성) (2) | 2021.09.29 |
[JS] 12. 과제 - 챗봇 만들기 2일차(태그 제어 → 배경색 변경) (0) | 2021.09.29 |