javascript(3)
-
Ajax 사용하기
Ajax는 뭐죠? 웹 어플리케이션을 만들 때 번거로운 부분을 생각해보면 아마 서버와의 데이터 통신 부분이 손에 꼽힐겁니다. 보통 HTTP 통신으로 클라이언트(웹)가 서버에 요청을 보내면 서버에서는 클라이언트가 요청한 페이지 혹은 데이터를 보내주게 되죠. 그러면 HTTP 응답으로 온 HTML 문서 혹은 JSON 데이터등을 클라이언트에서 처리해서 사용자에게 보여주게 되는거죠. 자, 이때 매우 비효율적인 부분이 발생하는데요. 게시판을 예로 한번 들어보죠. 게시판에는 많은 글들이 있습니다. 흔히 페이징이라고 하는 기법으로 구현이 되어있죠. 위의 페이지 번호들을 생각하시면 이해가 빠르실 겁니다. 저 번호를 누를 때마다 알맞은 데이터들을 가져오는 방식이죠. 자 이때, 게시글을 제외한 나머지 영역들은 변하지 않습니다..
2018.03.07 -
PHP와 Javascript에서 JSON 데이터 처리하기
웹이든 어플이든 요즘 서비스에서 서버를 사용하지 않는 경우를 찾기 힘들죠. 서버가 있다는 것은 서버에게 요청과 응답을 받는다는 얘기가 됩니다. 즉, 어떤 형식으로든 정보가 왔다갔다 해야한다는 얘기죠. 공통된 데이터 형식 어쨋건 클라이언트와 서버가 데이터를 주고 받아야 하는 상황입니다. 이런 경우를 한번 생각해보죠. 안드로이드 어플에서 Java Spring으로 만든 서버와 데이터를 주고 받는다고 가정해 보죠. 안드로이드가 Java 기반의 플랫폼이기 때문에 데이터를 주고 받는데 크게 어려움이 없을 겁니다. 하지만 갑자기 새로운 서버와 데이터를 주고 받는다면 어떨까요? PHP기반의 웹서버와 데이터를 주고 받아야 한다면 이야기가 달라지죠. 안드로이드 쪽에서 데이터를 받아서 처리하는 부분을 새로 만들어야 할 수도..
2018.01.10 -
Javascript로 Class 만들기
Javascript는 프로토 타입 기반입니다. 따라서 클래스가 존재하지 않습니다. 아, 물론 최근 표준인 ES6에서는 class가 추가되었죠. 하지만 이전에 프로토 타입을 이용한 클래스 만들기를 먼저 알아보겠습니다. 프로토타입이 무엇인가? 그리고 왜 쓰는 것인가? 이는 매우 길어질 수 있는 내용이라 다음번에 다루도록 하겠습니다. 오늘은 클래스가 아닌, 프로토 타입 기반으로 클래스 느낌 나도록(?) 한번 만들어 보죠. ajax HTTP 요청 클래스 구현하기 /* Ajax를 사용한 HTTP POST 요청을 보내는 클래스 * * 성공시 콜백함수 인자값 -> function(data, textStatus, response) 서버로부터 받은 데이터, HTTP 요청결과 - 성공했으면 success, HTTP 응답이..
2018.01.06