웹언어/JSON (6) 썸네일형 리스트형 [JSON강좌] 6강 JSON Server(서버) - 오쌤의 니가스터디 1. 데이터 보내기 - JSON의 일반적인 용도는 웹서버와 데이터를 교환하는 것입니다. - 웹서버에서 데이터를 수신할 때 데이터는 항상 문자열입니다. ## 코드 보기 - 자바스크립트 객체의 데이터를 php 파일에 데이터로 보내는 방법입니다. - 주소표시줄을 통해 파라미터로 php파일에 데이터를 보냅니다. ## 결과 보기 - 주소표시줄에 보면 php파일에 데이터를 보내고 있는 것이 확인됩니다. - 이건 실제 서버도 아니고 현재 php 파일이 없이 때문에 php파일이 없다고 문서에 표시됩니다. - 실제 php 파일과 서버라면 데이터를 보낼 수 있습니다. 2. 서버의 JSON - AJAX의 XMLHttpRequest 객체를 사용하여 서버에서 데이터를 가져올 수 있습니다. - 더 자세한 강좌는 AJAX강좌로 계.. [JSON강좌] 5강 JSON.stringify() 메서드 - 오쌤의 니가스터디 1. JSON.stringify( ) - JSON의 일반적인 사용용도는 웹서버와 데이터를 교환하는 것입니다. - 웹 서버에 데이터를 보낼 때, 역시 데이터는 문자열이어야 합니다. - 자바스크립트 객체 데이터를 JSON.stringify() 를 사용해서 문자열로 변환해야 합니다. 1) JS객체를 JSON 데이터로 변경하기 ## 코드 보기 - [ originData ]에 자바스크립트 객체를 담고, 데이터와 타입을 확인해보겠습니다. - [ changeData ]에는 객체를 JSON데이터로 담고, 데이터와 타입을 확인해보겠습니다. ## 결과 보기 - 첫번째는 오브젝트, 객체로 둘 다 나옵니다. - 두번째는 문자열이라 값 자체가 반환되고, 타입은 string으로 나오게 됩니다. - JSON 데이터는 문자열이라는 .. [JSON강좌] 4강 JSON parse() 메서드 - 오쌤의 니가스터디 1. JSON.parse( ) - JSON을 사용하는 이유는 웹 서버와의 데이터를 교환하는 것입니다. - 웹 서버에서 데이터를 수신할 때 데이터는 항상 문자열입니다. - data를 분석하는 것은 JSON.parse( )를 사용합니다. 그래야 자바스크립트 객체로 데이터가 바뀝니다. 1) JSON 순수 데이터 타입 알아보기 ## 예시 JSON 데이터 '{ "name" : "진", "age" : 31, "birth": 1992 }' - 웹 서버에서 이런 데이터를 가져왔다고 보도록 하겠습니다. - 결국 데이터는 큰 문자열로 담겨서 오게 됩니다. ## JSON 데이터 타입 알아보는 코드 보기 - 경고창에 JSON 데이터 타입을 알아보겠습니다. ## JSON 데이터 타입 알아보는 결과 보기 - 결과에 [ strin.. [JSON강좌] 3강 JSON 데이터 유형 - 오쌤의 니가스터디 - 첫 번째 강좌에서 문법을 설명하면서, 데이터 유형에 대해 언급한 적이 있습니다. - 이번 강좌에서 데이터 유형을 더 디테일하게 보도록 하겠습니다. - JSON 값은 다음 데이터 유형 중 하나여야 합니다. 문자열 숫자 객체 배열 true/false null 1. JSON 문자열 - JSON의 문자열 값은 큰 따옴표로 묶어야 합니다. ## 예시 { "name" : "진" } 2. JSON 숫자 - JSON의 숫자는 따옴표 내에 적지 않고, 정수 또는 부동 소수점이어야 합니다. ## 예시 { "age" : 31 } 3. JSON 불(Boolean) - 불은 보통 결과가 true/false로 나오는 표현식을 의미합니다. - 하지만 JSON의 불은 true 와 false를 키워드로만 작성해주면 됩니다. - 그.. [JSON강좌] 2강 데이터형식 비교(JSON VS XML) - 오쌤의 니가스터디 - 컴퓨터 프로그래밍 언어에서 데이터를 서버에서 수신할 때 사용되는 형식은 크게 3가지가 있습니다. - JSON, XML, CSV입니다. - 이번 강좌에서는 3가지 형식을 비교해보는 시간을 갖도록 하겠습니다. 1. CSV - CSV는 Comma Separated Values의 약자로 각 항목을 쉼표로 구분해서 데이터를 표현하는 방법입니다. - 용량이 적고, 간단해 보이지만 각 데이터가 무엇을 의미하는지 알기가 어렵습니다. ## 문법 value1, value2, value3,... - 위에 보이는 것과 같이 값을 쭉 나열해서 사용하면 됩니다. - 엑셀에서도 csv형식으로 내보낼 수 있어 편리하게 사용될 수 있습니다. ## 코드 예시 - 이번엔 코드 예시라기보다는 엑셀로 쉽게 CSV를 만들 수 있다는 것을 .. [JSON강좌] 1강 JSON 소개와 문법 - 오쌤의 니가스터디 1. JSON 소개 - JSON은 JavaScript Object Nation의 약자입니다. - 자바스크립트에서 객체 표기법을 나타내는 것을 의미합니다. - 표기법만 자바스크립트에서 파생되었을 뿐 자바스크립트가 아닌 경량 데이터 교환 형식입니다. - 많은 언어들이 데이터 저장 및 전송을 하기 위한 용도로 사용하는 텍스트 형식의 데이터입니다. - 서버에서 순수 텍스트를 받아 Javascript 객체로 사용할 수 있습니다. - 다른 데이터 형식으로는 XML과 CSV가 있습니다. 이건 다음 강좌에서 다뤄보도록 하겠습니다. 2. JSON 구문 1) JSON 문법 - JSON구문은 Javascript 구문의 하위 집합입니다. - 데이터는 이름/값 쌍으로 이루어져야 합니다. - 데이터는 쉼표로 구분됩니다. - 중괄.. 이전 1 다음
