javascript 5

javascript, Access-Control-Allow-Origin Error

안녕하세요. 한창 개발공부를 할때 열심히 포스팅을 하곤했는데, 요즘은 개발 이외에 것들이 관심이 많아져서 개발 공부는 하지 않게 되네요. 공부는 하지않지만 업무에 필요한 것들이 나오면 간단하게 적어 두려고 합니다. 몇년이 흘러도, 어디를 가서도 에러들은 항상 비슷한것 같습니다. 개발을 하다가 화면이 먹통이 되면 개발자 도구(F12)를 눌러 확인해 보세요. 저는 부모창과 자식 창을 활용하여 다른 서버와의 통신을 시도하고 있었습니다. 그리고 도중에 이와같은 에러를 발견했습니다. 사진은 잘 보이지는 않네요. [에러] ccess to XMLHttpRequest at '---------' from origin '--------------' has been blocked by CORS policy: Response..

jquery promise 사용하기

안녕하세요.너무 현실에 안주하였다는 사실을 깨달았습니다.promise를 듣고 너무 생소하여 찾아봤더니..현재 상당히 많이 사용하고 있어 더욱더 놀랬습니다. promise와 관련된 더욱 깊이있는 개념과 내용들은 다른 블로그를 참조하세요.저는 단지 ajax에서 콜백 호출시 콜백 지옥을 탈출하는 예시만 보여드리겠습니다. javascript, jquery 등에서 ajax 통신방법은 상당히 자주 사용합니다. 하지만 ajax를 사용한후 다시 ajax를 사용할땐 어떻게 할까요?첫번째 ajax의 성공여부를 확인한 뒤에두번째 ajax를 실행시켜야 할 것입니다. 다음은 잘못된 예시 입니다.$.ajax({url: '/xx/xxx/ajaxTest',data: 'num=10',type: 'post',dataType: 'json..

스마트 에디터 이벤트 생성, 키이벤트

안녕하세요.이번에 프로젝트를 진행하면서스마트 에디터를 사용하면서 이벤트를 새롭게 정의할 일이 생겼습니다.스마트 에디터는 네이버 에디터를 사용 하였습니다. 한참을 구글링하다....어찌어찌 구현하였기에 정리해두려고 합니다. 우선 저의 소스 경로 입니다.webapp/wcom/se2 에 스마트 에디터가 있습니다. 그럼 이제 키 이벤트를 구현해보겠습니다. 1. 플러그인 등록webapp/wcom/se2/SE2BasicCreator.js SE2BasicCreator.js 파일에 들어가 보겠습니다. 마지막줄에 다음과 같은 코드가 있습니다. oEditor.registerPlugin(new nhn.husky.SE2B_CSSLoader());// CSS lazy loadoEditor.registerPlugin(new nhn..

[javascript]자바스크립트 concat, slice, join, for

소스를 보다 모르는것들이 있어 정리 합니다. 먼저, concat(String) - 문자를 하나로 합쳐 줍니다. ex) var str01 ="Hello "; var str02 ="world "; var str03 ="javascript"; str01.concat(str02) str01.concat(str02, str03) //2개 이상의 문자를 합칠경오 결과 : Hello world Hello world javascript slice(index), slice(start, end) - 문자를 해당 위치에서 부터 지정된 위치까지 잘라냅니다. ex) var str04 ="Hello world javascript"; str04.slice(0); str04.slice(6); str04.slice(6,11); str..

[javascript]자바스크립트 reduce, map, filter

javascript에 이런 함수들이 존재한다는 사실을 처음 알게 되었다. 그래서 바로 찾아서 정리해 두려고 한다. filter(callback) - arr.filter(callback[thisArg]) 의 형태 입니다. - 배열에 조건을 주어 조건에 만족하지 못하는 원소들을 걸러낸다. ex) function isTenUp(value){ return value >10; } var filtered = [11, 3, 9, 130, 44].filter(isTenUp); 결과 : filtered = [11, 130, 44] map(callback) - arr.map(callback[thisArg]) 의 형태 입니다. - 어떠한 배열에 특정 규칙을 적용시켜 새로운 배열을 만든다. ex) var array = [1...