-
Oauth 2.0 비전공자 쉽게 알아보자 1 :: 마이구미오픈 API 2016. 6. 13. 20:45
오픈 API 중 가장 많이 이용하는 건 SNS 로그인이라고 생각한다. 그렇다면 Oauth가 빠질 수 없다. Oauth는 무조건 알고 가야 각 SNS의 오픈 api들을 활용하기 정말 쉬워진다. 나는 정말 쉽게 쉽게 쉽게 설명을 해보려한다.비전공자도 알아볼 수 있을만큼.....왜냐면 현재 많은 웹 페이지 상에서 sns 로그인이 정말 많이 이용되고 있다.혹시나 혹시나 나의 sns 계정 정보가 접속한 웹 페이지에서도 가져가는 것인가? 해킹 당하는 게 아닌가?하고 생각할 수도 있는 비전공자들을 위해~~~왜냐.. 처음 접했을 때 구글링하면 나오는 이미지들.. 솔직히 처음에는 잘 이해하지 못했다.그리고 직접 구현을 하고 이해를 하니 그때서야 이해할 수 있었다. (내가 바보일 수도..?)그래서 나 같은 사람을 위해 글..
-
nodejs를 이용해 데이터베이스에 삽입하기(객체배열)Nodejs 2016. 6. 12. 17:20
이번 글은 ajax를 활용해 DB에 삽입하는 과정을 살펴보겠다.역시나 javascript, nodejs를 사용한다. 예시의 흐름은 이렇다.클라이언트 쪽에서 객체배열을 ajax를 post 형식으로 서버로 전달하여 db에 삽입할 것이다.객체배열은 이러한 형태이다. [ { a : 'a1', b : 'b1' }, { a : 'a2', b : 'b2' }, {......} ] 시작해보자.간단히 ajax를 이용할 함수를 만들겠다.function send_nodeDB(){ var data = [{},{}....]; //ArrayObject $.ajax({ type:"POST", url:'http://182.161.117.18:8888/db', data: JSON.stringify(data), contentType: ..
-
크로스 도메인 No 'Access-Control-Allow-Origin' 해결해보자크로스 브라우징 2016. 6. 11. 15:33
이번 글은 크로스 도메인에 관련된 글이다.웹 개발 하는 도중 크로스 도메인 문제를 안 겪은 사람은 없을 것이다.해결방법은 여러가지 있겠지만, 이 글에선 jsonp를 통해 해결해보겠다.client는 당연히 javascript를 이용할 것이고, server는 nodejs를 이용하겠다. client 도메인 - 'http://182.161.117.18' server 도메인 - 'http://182.161.117.18:8888' $.ajax({ url: 'http://182.161.117.18:8888/', type: 'get', dataType: 'json', contentType: "application/json", success: function (data) { }, error:function(request..
-
ie에서 JSON.stringify 지원하지 않는 문제를 해결해보자크로스 브라우징 2016. 6. 11. 13:09
이번 글은 JSON으로 인한 하나의 문제를 다뤄본다.그 문제의 원인은 ie8이하부터는 지원되지 않는다. (항상 ie가 문제다..) 일단 JSON이 무엇인지 알아보자.JSON은 풀어보면 JavaScript Object Notation 자바스크립트 객체 표기법이다.말 그대로 자바스크립트에서의 데이터를 객체로 표현하는 형식이다. JSON은 프로그래밍 언어가 아니라 단순히 데이터 포맷 or 데이터 표현이라고 보자.XML과 비슷하지만 조금 더 간단하다. 본인도 JSON.stringify()을 이용할려고 하니 ie쪽에서 말썽이었다.대부분 json2.js 또 해석하기가 까다로운 소스들이 나와있다.본인은 구지 하나 때문에 스크립트 파일을 추가하거나 해석도 못할 소스를 넣는 것도 내키지 않았다. 그렇기에 본인은 jque..
-
자바스크립트 Promise 동기 프로그래밍 : 마이구미Javascript 2016. 6. 9. 21:16
javascript promise에 대해 알아보자!http://mygumi.tistory.com/328 최신 글을 참고하자. 자바스크립트를 하다보면 다들 한번씩은 겪었을 것이다. 비동기 프로그래밍의 문제점을 관한 이야기이다. 그래서 필요한 경우는 본인이 원하는 순서대로 제어하고 싶다. 정말 간단한 예를 살펴보자. $('.button').click(function(){ $.getJSON('package.json',function(result) { console.log("?"); }); console.log("!"); }); 다들 실행 결과는 알 것이다. 콘솔창에는 느낌표부터 출력 후 물음표가 출력될 것이다. 처음에는 그냥 setTimeout으로 시간을 걸어 해결할 것이다. 콜백으로 해결한다는 둥 Watef..