[PHP] 클라이언트에서 JSON 데이터 호출하기

157_PHP 클라이언트에서 JSON 데이터 호출하기 [요약] AJAX를 사용하여 자바스크립트 언어로 JSON 데이터와 PHP 파일을 호출하는 방법에 대해 알아보자. JSON 데이터를 출력하는 페이지를 만들어봤다. 이 데이터를 클라이언트 사이드에서 페이지 변환없이 호출하고 반환된 데이터를 사용하는 방법에 대해 알아보자. 페이지 변환 ㅇ벗이 데이터를 주고 받으려면 AJAX(Asnchronous JavaScript And XML)를 사용한다. AJAX에 대해 간단히 확인해보자. AJAX는 웹 서비스에서 많이 사용되고 있는 기능이다. [좋아요], [공감], [비공감], [중복 아이디 확인] 등 들이 이에 해당한다고 할 수 있다. 클릭하여도 페이지의 변환 없이 해당 데이터를 요청하고 반환된 값에 따라 페이지에 ..

2022.10.17

[PHP] 데이터베이스 자료를 JSON으로 만들기 json_encode()

156_PHP 데이터베이스 자료를 JSON으로 만들기 json_encode() [요약] 테이블에서 데이터를 불러오는 방법과 PHP에서 JSON 데이터를 만드는 방법을 응용하여 PHP로 데이터베이스 자료를 JSON 데이터로 변경하는 방법에 대해 알아보자. PHP에서 JSON 데이터 생성하는 방법을 이용하여 데이터베이스의 데이터를 JSON 데이터로 출력하는 방법에 대해 알아보자. 이 방법은 앞에서 학습한 json_encode() 함수를 사용하므로 앞에서 학습한 내용과 크게 다르지 않다. 테이블의 데이터를 배열로 만들어 json_encode() 함수에 적용한다. 다음은 myMember 테이블의 데이터를 JSON 데이터로 생성하는 예제이다. [예제: 159_db-json.php ] 실행결과 데이터의 수가 늘어나..

2022.10.17

[PHP] PHP에서 데이터를 JSON으로 만들기 json_encode()

155_PHP에서 데이터를 JSON으로 만들기 json_encode() [요약] PHP에서 JSON 으로 변경하기 위한 함수 json_encode() 에 대해 알아보자. 서버사이드에서 클라이언트 사이트로 데이터를 전송하려면 서버에서 데이터를 JSON으로 변경해야 한다. PHP의 데이터를 JSON으로 변경하려면 json_encode() 함수를 사용한다. [json_encode() 사용 방법] json_encode(변수); json_encode() 함수에 배열을 선언하여 키와 값을 표시한다. 다음 예제를 통해 확인해보자. [예제: 158_jsonEncode.php ] 실행결과 위 그림을 보면 [예제 158]에서 json_encode()의 아규먼트로 사용한 배열이 JSON 현태로 변경되었음을 확인할 수 있다...

2022.10.17

[PHP] PHP에서 JSON 데이터 다루기 file_get_contentes(), json_decode()

154_PHP에서 JSON 데이터 다루기 file_get_contentes(), json_decode() [요약] PHP에서 JSON 데이터를 다루는 방법에 대해 알아보자. JSON 파일을 만들어 file_get_contents() 함수를 사용해 불러온다. 자바스크립트의 변수에 JSON 데이터를 대입하여 학습을 진행해 봤다. 이번에는 JSON 데이터를 파일로 만들어서 PHP의 file_get_contents() 함수를 활용하여 학습을 진행해보자. file_get_contents()는 파일의 내용을 불러오는 함수이다. 우선 JSON 데이터를 파일로 저장해보자. 다음의 코드를 [157-1.json]파일로 저장한다. [예제: 157-1.json ] { "student": [ { "name": "yuna", "..

2022.10.15

[PHP] 자바스크립트로 JSON 데이터 다루기

153_PHP 자바스크립트로 JSON 데이터 다루기 [요약] 자바스크립트는 서버 환경을 구축하지 않고도 사용할 수 있는 웹브라우저에서 작동하는 프로그래밍 언어이다. 자바스크립트에서 JSON 언어를 다루는 방법에 대해 알아보자. JSON은 서로 다른 프로그래밍 언어 간에 데이터를 전달하기 위한 언어이다. 여기서 JSON을 다루는 이유는 PHP 언어와 JavaScript라는 언어 간에 데이터를 전달하기 위함이다.결론적으로 어떠한 버튼을 눌렀을 때 페이지의 변환 없이 서버단(PHP)에서 처리한 결과를 받아서 어떠한 행동을 하는 것을 구현하기 위함이다.클라이언트 사이드에서 JSON 데이터를 학습 후 서버사이드에서 JSON 데이터를 다르는 방법을 알아보자. 클라이언트 사이트에서는 자바스크립트라는 언어를 사용한다...

2022.10.15

[PHP] JSON이란...

152_PHP JSON이란... [요약] JSON은 서로 다른 언어 간에 데이터를 전달하는 역할을 한다. JSON은 서로 다른 프로그래밍 언어 간에 데이터를 전달하기 위해 사용하는 언어이다. FORM 태그에 대해 학습할 때 데이터를 입력하고 전송하면 페이지가 변환된 후 데이터를 처리했다. 요즘은 페이지 변환 없이 페이지에서 데이터를 전송하고 처리한 결과를 받아서 어떠한 행동을 하게 하는 방식을 더 많이 사용한다. 자주 경험하는 예로, 회원가입 시에 아이디가 이미 존재하는지 확인하는 기능이다. 아이디 중복 버튼을 누르면 페이지가 전환되지 않고 같은 페이지에서 해당 아이디가 있는지 없는지를 알려주는데, 이때 전달되는 데이터가 JSON으로 구성된다. 이러한 JSON을 다루는 방법에 대해 알아보자. JSON 데..

2022.10.15

[JavaScript] 자바스크립트에서 fetch()로 JSON 데이터 읽어오기

227_자바스크립트에서 fetch()로 JSON 데이터 읽어오기 [적용] JSON 형식의 텍스트 파일을 불러오고 싶을 때 [내용] JSON 을 다루기 위해서는 데이터를 가져오는 fetch()와 JSON 포맷으로 해석하는 json()의 2단계 작업이 필요하며, 이렇게 하면 JSON 객체를 다룰 수 있다. Promise를 사용하는 방법 JavaScript fetch('sample.json') .then((data) => data.json()) .then((obj) => { console.log(obj); }); await와 async를 사용하는 방법 JavaScript async function load() { // 파일 읽어 오기 const data = await fetch('sample.json'); /..

2022.08.01

[JavaScript] 자바스크립트에서 JSON 변환 기능 커스터마이징

225_자바스크립트에서 JSON 변환 기능 커스터마이징 [적용] 일부 데이터만 JSON 변환 작업을 하고 싶을 때 [문법] 메소드 의미 반환 JSON.stringify(obj, replacer, space*) 일부 데이터를 JSON 문자열로 변환 문자열 [내용] JSON.stringify()의 두 번째 인수는 replacer 함수를 호출하며, 이 함수는 JSON 데이터 변환 룰을 설정할 수 있다. 예를 들어, 숫자인 경우 작업을 무효화하고 문자열인 경우에만 변환 작업을 실행하록 지정할 수 있다. JavaScript main.js const replacer = (key, value) => { // 숫자 형식을 처리 예외 if (typeof value === 'number') { return undefine..

2022.08.01

[JavaScript] 자바스크립트에서 JSON 변환에 들여쓰기 적용하기

224_자바스크립트에서 JSON 변환에 들여쓰기 적용하기 [적용] 자바스크립트 객체를 JSON 문자열로 변환하고 싶을 때 가독성을 위해 JSON에 들여쓰기를 적용하고 싶을 때 [문법] 메소드 의미 반환 JSON.stringify(obj, null, ' ') 들여쓰기를 적용해 객체를 JSON 문자열로 변환 문자열 [내용] JSON.stringify()의 세 번째 인수는 JSON 문자열의 줄바꿈과 들여쓰기 삽입을 위해 사용한다. 들여쓰기 삽입을 위한 문자열을 지정하거나 숫자를 전달하면 숫자만큼의 공백이 삽입된다. 다음 예시를 확인해 보자. JavaScript main.js const data = {a: 1000, b: '여러분 안녕하세요.'}; const str = JSON.stringify(data, nu..

2022.08.01

[JavaScript] 자바스크립트에서 객체를 JSON 변환하기

223_자바스크립트에서 객체를 JSON 변환하기 [적용] 자바스크립트의 객체를 JSON 문자열로 변환하고 싶을 때 [문법] 메소드 의미 반환 JSON.stringify(obj) 자바스크립트 객체를 JSON 문자열로 변환 문자열 [내용] JSON.stringify()를 사용해 자바스크립트의 객체를 JSON 문자열로 변환할 수 있으며, 인수에는 객체를 전달한다. JavaScript main.js const data = {a: 1000, b:'여러분 안녕하세요.'}; const str = JSON.stringify(data); console.log(str); // 결과: { "a": 1000, "b": "여러분 안녕하세요." } 참조 : 실무에 바로 적용하는 자바스크립트 코드레시피 278 아케다 야스노부, 카..

2022.08.01