HTML, CSS, JavaScript
이 세 가지는 브라우저에 그림을 그리게 해주는 언어(프론트엔드를 만들어주는)다.
먼저 HTML로 뼈대를 그리고, CSS로 색깔과 위치 선정 등을 해준다.
naver.com을 HTML로 뼈대를 그릴 경우 이렇게 나온다.
그리고 HTML의 뼈대에 CSS로 색과 위치 선정을 해주면 이렇게 바뀐다.
이렇게 브라우저에 naver.com의 메인화면이 그려진다.
하지만 메인화면이 그려져 있지만, 각 버튼이나 input등이 작동하지 않는다.
이러한 클릭에 대한 정보나 input한 것에 대한 데이터를 출력하기 위해 JavaScript를 통해 데이터를 입출력하고 클릭이 가능해진다.
JSON이 뭔가?
Json은 이전 개발 용어 공부에서도 나왔었다.
JSON(JavaScript Object Notation)은 JavaScript 상에서 데이터를 저장하고 교환하기에 효율적인 데이터 형식이다. 주로 웹 애플리케이션에서 서버와 클라이언트 간 데이터 교환 형식으로 사용되며, 현대의 많은 프로그래밍에서 중요한 데이터 형식으로 자리 잡고 있다.
Json의 기본 구조는 (1)이름(key)과 값(value) 쌍의 집합으로 구성된 객체 구조와 (2)값의 순서가 있는 리스트 구조, 두 가지가 있다.
웹에서는 서버에서 HTML, CSS, JavaScript의 파일들과 함께 JSON 데이터를 가져와 껍데기의 모양을 바꿀 수 있다. 예를 들어 밖에 눈이 올 경우, naver.com의 NAVER 홈 버튼에 눈이 내리는 것이 있다.
반대로 모바일 앱 같은 경우는 껍데기를 만들고 JSON 데이터를 넣는 타입이라, 껍데기를 먼저 그리고 데이터를 가져와, 그에 맞는 데이터를 껍데기에 맞게 출력을 한다.
json의 특징
1) 가독성: 사람과 기계 모두 이해하기 쉬운 텍스트 기반 형식이다. 객체와 배열을 사용해 데이터를 구조화한다.
2) 경량성: JSON은 데이터를 효율적으로 표현할 수 있는 경량 형식이다. 네트워크 상에서 데이터를 빠르게 전송할 수 있도록 도와준다.
3) 독립성: JSON은 프로그래밍 언어와 플랫폼에 독립적이다. 이는 서로 다른 시스템 간 데이터를 교환할 때 유용하다.
