가카리의 공부방

이번 포스트에는 안드로이드에서 JSON객체를 Node.js서버로 보내고 Node.js서버로부터 OK!! 메시지를 받는 예제를 만들어 봅시다. Node.js 서버 app_and.js const express = require('express'); const app = express(); let users = [ { id: 1, name: 'alice' }, { id: 2, name: 'bek' }, { id: 3, name: 'chris' } ] app.get('/users', (req, res) => { console.log('who get in here/users'); res.json(users) }); app.post('/post', (req, res) => { console.log('who get ..

위와 같이 Node.js서버에서 보내는 JSON 객체를 GET방식으로 안드로이드에서 받는법을 알아봅시다. 노드 관련 책을 한번이라도 보셨다면 아래 파일은 쉽게 이해하실 수 있습니다. app_and.js 파일 const express = require('express'); const app = express(); let users = [ { id: 1, name: 'alice' }, { id: 2, name: 'bek' }, { id: 3, name: 'chris' } ] //단순히 http://localhost:3000/users로 접근하면 users라는 객체를 json으로 response하라는 의미입니다. app.get('/users', (req, res) => { console.log('who get..

두 개다 name(key)와 value로 데이터를 넣어주는 형식이다. 사용 방식은 같으나 accumulate는 같은 key가 들어왔을 때 배열 식으로 계속해서 value를 붙여주는 형식을 띄고 element는 같은 key가 들어왔을 때 value를 이전 value에 덮여씌워 주는 형식이다. ex) 소스: JSONdata data1 = new JSONdata("data1"); JSONdata data2 = new JSONdata("data2"); JSONdata data3 = new JSONdata("data3"); JSONdata data4 = new JSONdata("data4"); //값 추가 jsonByDTO.accumulate("ticketIDList", data1); jsonByDTO.accum..

AsyncTask AsyncTask AsyncTask AsyncTask AsyncTask Params : doInBackground 파라미터 타입이 되며, execute 메소드 인자 값이 됩니다. Progress : doInBackground 작업 시 진행 단위의 타입으로 onProgressUpdate 파라미터 타입입니다. Result : doInBackground 리턴값으로 onPostExecute 파라미터 타입입니다. 출처 : http://arabiannight.tistory.com/entry/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9CAndroid-AsyncTask-%EC%82%AC%EC%9A%A9%EB%B2%95 http://mommoo.tistory.com/..

https://stackoverflow.com/questions/17382587/what-does-string-params-mean-if-passed-as-a-parameter 에 번역 글입니다. Q : doInBackground 메소드에서 String… params의 의미가 어떤 뜻인가요? public class AsyncHttpPost extends AsyncTask { private HashMap mData = null;// post data /** * constructor */ public AsyncHttpPost(HashMap data) { mData = data; } /** * background */ @Override protected String doInBackground(String.....

1. inline과 style 태그를 이용한 css 적용하기 다음과 같이 inline 방식과 style 태그를 이용한 방식으로 css를 적용할 수 있다. html_css1.html Hello World Hello world 실행 화면 다음과 같이 css가 적용됨을 알 수 있다. 출처 : https://opentutorials.org/course/2418/13342

44. 네트워크 통신 - jQuery Ajax jQuery이용해서 Ajax를 사용하게 되면 많은 이점이 있는데 그 중의 하나가 크로스브라우징의 문제를 jQuery가 알아서 해결해준다는 것이다. 뿐만 아니라 여러가지 편리한 기능들을 제공한다. 이번 시간에는 jQuery를 이용해서 Ajax 통신을 하는 법을 알아보자. jQuery는 Ajax와 관련해서 많은 API를 제공한다. http://api.jquery.com/category/ajax/ 그 중에서 가장 중요한 API는 $.ajax이다. 1) $.ajax http://api.jquery.com/jQuery.ajax/ $.ajax의 문법은 아래와 같다. 1 jQuery.ajax( [settings ] ) setting는 Ajax 통신을 위한 옵션을 담고 있..

43. 네트워크 통신 - JSON 1) JSON이란? JSON(JavaScript Object Notation)의 약자로 JavaScript에서 객체를 만들 때 사용하는 표현식을 의미한다. 이 표현식은 사람도 이해하기 쉽고 기계도 이해하기 쉬우면서 데이터의 용량이 작다. 이런 이유로 최근에는 JSON이 XML을 대체해서 설정의 저장이나 데이터를 전송등에 많이 사용된다. JSON에 대한 자세한 내용은 아래 JSON의 공식홈페이지를 참조한다. http://www.json.org/json-ko.html 2) JSON API ECMAscript 5에는 JSON을 공식적으로 지원하는 API가 포함되었다. JSON.parse() 인자로 전달된 문사열을 자바스크립트의 데이터로 변환한다.JSON.stringify() ..

42. 네트워크 통신 - Ajax 1) Ajax 웹브라우저는 대단히 정적인 시스템이었다. 내용이 바뀌면 페이지 새로고침을 해서 내용을 새롭게 변경해야 했다. 이것은 웹이 전자 문서를 염두에 두고 고안된 시스템이기 때문에 당연하게 생각 되었다. 그러다 Ajax 개념이 도입되면서 모든 것이 바뀌었다. Ajax는 웹브라우저와 웹서버가 내부적으로 데이터 통신을 하게 된다. 그리고 변경된 결과를 웹페이지에 프로그래밍적으로 반영함으로써 웹페이지의 로딩 없이 서비스를 사용할 수 있게 한다. Ajax는 Asynchronous JavaScript and XML의 약자다. 한국어로는 비동기적 자바스크립트와 XML 정도로 직역할 수 있는데 자바스크립트를 이용해서 비동기적으로 서버와 브라우저가 데이터를 주고 받는 방식을 의미..

41. jQuery on API 사용법 1) 기본 사용법 on은 jQuery에서 가장 중요한 이벤트 API이다. on API를 통해서 jQuery에서 이벤트를 다루는 방법을 알아보자.on의 기본적인 문법은 아래와 같다. 1 .on( events [, selector ] [, data ], handler(eventObject) ) event : 등록하고자 하는 이벤트 타입을 지정한다. (예: "click") selector : 이벤트가 설치된 엘리먼트의 하위 엘리먼트를 이벤트 대상으로 필터링함 data : 이벤트가 실행될 때 핸들러로 전달될 데이터를 설정함 handler : 이벤트 핸들러 함수 1) selector selector 파라미터는 이벤트 대상을 필터링한다. 아래 예제를 보자. on메소드의 2번째..