본문 바로가기

Front-End/WEB

JSON vs CSS??

JSON이 뭔데?


JavaScript Object Notation(표기법)


브라우저와 서버간의 데이터 교환 어떻게 해야되지?? text로 밖에 안된다....  교환 할때 JSON을 이용한다. JSON을 받으면 Javscript Object로 변환할 수 있고, 데이터를 보낼때 Javscript Object를 JSON으로 변환하여 보낸다. 이렇게 되면 복잡한 parsing이나 translation이 필요 없다.


한마디로 특정 언어에 종속적이지 않은 data 교환 format이다. 웹에서 JSON.parse()와 같은 API를 이용하면 서버와 쉽게 데이터를 주고 받을 수 있게 된다.


JSON 공식 사이트는 없나? 
http://json.org/json-ko.html


JSON을 쓰려면 따로 라이브러리가 필요한가?


JSON 자체는 이미 자바스크립트 표준으로 채택되어 기본적으로 지원하기 때문에 따로 필요하지는 않다. 하지만 JSON의 한계로 다른 라이브러리를 따로 사용하는 경우가 있다. 무엇이 있는지 궁금하면 사이트 방문....


- JSON의 문제점?


AJAX(다음 포스팅에서 공부)는 단순히 데이터 뿐만 아니라 javascript 그 자체도 전달할 수 있다.


- TODO 1. JSONP, 2.JSON과 AJAX와 비교

CSS는 뭔데?


Cascading(연속적인) style sheet


HTML document의 스타일을 서술한 언어이다. 스타일 관리를 따로 할 수 있어 코드가 깔끔해지고 관리하기 쉬운거야 누구나 아는 사실이고...


CSS를 해석해주고 그려주는 건 누가할까?


각각의 web browser가 web page를 render하고 formatting language(형식 언어 / ex : css, xsl, etc )를 지원하기 위해
layout engine(이것만도 따로 공부해야될듯.... ex: Blink, Gecko, WebKit ) 을 가지고 있다. 





JSON vs XML?


공통점

- self describing ( 인간이 이해가능 )
- hierachical
- 다른 programming language에서 사용되고 파싱될 수 있음
- XMLHttpRequest에서 사용가능


차이점
- JSON는 닫힘 tag를 사용하지 않음, 더 짧음, 읽고 쓰기 더 쉬움, array 사용 가능
- Ajax application을 위해서는 JSON이 XML보다 쉽고 빠르다. ( 왜인지는 더 공부해서 추가 )




결론

 

해당 질문이 나온 이유가 둘이 표기 방식이 비슷하네라는 얘기에서 나온것이다. 물론 사용 양식만 보면 self describing에 hierarchical한 특성은 같다고 생각한다. 하지만 둘이 사용용도 자체가 다르다. CSS는 HTML document 스타일을 서술하기 위한 문서이고 layout engine이 읽어 들여 해석해준다. JSON은 server와 주고 받을 수 있는 형태가 text인데 javascript object로 쉽게 변환하기 위한 양식일 뿐이다. 

'Front-End > WEB' 카테고리의 다른 글

Client-Server 웹 개발 기술의 역사  (0) 2017.06.06
브라우저는 어떻게 동작 하는가?  (0) 2017.05.12
HTTP 스크립팅(AJAX)  (0) 2017.03.31
JSON vs CSS??  (0) 2017.03.31