<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>데이터 구조화</title>
</head>
<body>
<h1>
많은 량의 데이터가 실시간으로 전달 되어야할떄 가장 효율적인 방식
= 구조화된 텍스트
</h1>
<h3>
구조화된 텍스트를 만들기 위해 json 데이터를 많이 활용하고 있음
자바스크립트의 객체 형태를 갖고 있기떄문에 구조파악이 잘되고, 제작도 쉽다
특히 웹 분야의 자바스크립트가 모든 프론트에 호환된다는 점을 활용
데이터수집, 출력용으로 거의 모든 플랫폼 서비스에서 사용되고 있음
</h3>
<script>
// 네이버파이넨스의 top종목 데이터를 구조화 해보기
const top = {
'거래상위': [
{
name: '이화전기',
price: 1168,
updown: 259,
ratio: 28.49
},
{
name: 'KODEX 200선물인버스2X',
price: 2620,
updown: 5,
ratio: 0.19
},
{
name: '우리기술',
price: 1806,
updown: 322,
ratio: 21.70
},
{
name: '엠피대산',
price: 627,
updown: 16,
ratio: 2.62
},
{
name: '대한전선',
price: 1706,
updown: 46,
ratio: 2.77
},
],
'상승': [
{},{},{}
],
'하락':[
{},{},{}
],
'시가총액':[
{},{},{}
]
};
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>데이터 구조화(2)</title>
</head>
<body>
<script>
const top = {
exchange: [
{
name: '미국USD',
price: 1313.10,
updown: 6.10
},
{
name: '일본JPY(100엔)',
price: 980.11,
updown: 2.80
},
{
name: '일본JPY(100엔)',
price: 980.11,
updown: 2.80
},
{
name: '유럽연합EUR',
price: 1441.52,
updown: 24.34
},
{
name: '중국CNY',
price: 190.93,
updown: 0.71
}
],
gold: [
{
name: '국제금(04.14)',
price: -2015.80,
updown: -39.50
},
{
name: '국내금(04.17)',
price: -84638.11,
updown: -432.61
}
]
}
</script>
</body>
</html>
'JS > JS 수업분' 카테고리의 다른 글
| [JS] day10_array_Method_배열순환탐색 메서드 (0) | 2023.04.18 |
|---|---|
| [JS] day10_array_interation (0) | 2023.04.18 |
| [JS] day10_array_Sort (0) | 2023.04.18 |
| [JS] day10_arrayMethod (0) | 2023.04.18 |
| [JS] day10_array (0) | 2023.04.18 |