nahos

제이쿼리로 ajax 비동기 통신을 하는데 No transport 라는 에러가 나오며 통신을 실패했습니다.

저의 경우 크롬에서는 ajax 통신을 제대로 하는데, ie(익스플로러)에서만 No transport라는 에러가 발생을 했습니다.

찾아본 결과 로컬에서 ajax 통신을 할때 크로스 도메인 문제 였으며, 아래와 같이 한줄을 추가 함으로 해결했습니다.

제이쿼리에서 크로스도메인을 허용해주는 소스를 ajax 통신하는 부분 위에 적어주면 됩니다.

$.support.cors = true;

검색해보니 async:false 를 넣어줘야 한다.

자바스크립트 change event 예제

아래의 소스는 radiobutton 에 적용된 예제이지만, 조금만 바꾸면 다른 input type에도 적용이 가능하다.

간단한 설명을 하자면, radio 타입에 변화가 생기면, 위의 함수가 실행된다.

체크가된 값에 따라 css로 div를 안보이게 처리 하는 소스이다.

위에서 input[type=radio] 이부분으로 인해 ,

라디오 버튼이 두개이상 있는 경우 라디오 버튼을 클릭할때마다 위의 함수가 실행된다.

이럴때 해당 라디오 버튼의 name 값(input[name=라디오버튼이름])으로 교체해주면, 해당 라디오버튼 클릭시에만 실행된다.

node.js + express + mysql 을 사용한

node.js CRUD 예제 소스 입니다.

소스에 대한 자세한 설명은 추후 작성 예정

https://github.com/nahosung/node_crud

nodejs 에서  mysql 을 사용하기 위해 

node-mysql 모듈을 사용합니다. 

nodejs 홈페이지 또는 검색을 통해서 사용 방법을 알수있습니다.

https://www.npmjs.com/package/node-mysql

설치방법 

npm install --save node-mysql 

사용방법( select & insert )

nodejs에서 js 파일을 수정 후 자동으로 변경 되지 않는다.

그렇기 때문에 supervisor 라고 하는 모듈을 사용한다.

https://www.npmjs.com/package/supervisor

npmjs 홈페이지에서 supervisor를 검색하여 사용법과 다운방법을 확인할 수 있다.

설치 방법

npm install supervisor -g

실행 방법 

ex) supervisor app.js

http://expressjs.com/ko/starter/installing.html

위의 사이트에 express.js 설치 방법이 잘 나와 있으먀,

간단하게 설명하면, 

해당 프로젝트 폴더를 생성 후 cmd에서 해당경로에 접속한 후 

npm init 명령어를 입력 후 npm install express -save 명령어를 입력

해당 프로젝트 경로를 확인하면, package.json 파일과 node_mdules 폴더가 생성된 것을 확인 할 수 있다.

https://nodejs.org/en/download/ 

node js 홈페이지 접속

자신의 OS에 맞게 선택

윈도우는 msi 파일을 선택하고 설치하는 것이 편하다.

(Mac 인경우 pkg 파일)

msi 파일을 실행하여 설치를 완료하면 끝.

(npm 포함)

cmd를 실행 후 아래와 같은 명령어를 통해 nodejs가 제대로 설치 된 것을 확인 할 수 있다.

helloworld.js

위와같은 js 파일을 생성 후, 해당경로에서 아래와 같은 명령어를 통해 nodejs가 실행되는 것을 확인할 수 있다.

IE9에서만  typeof(opener.부모함수) 값이 'object' 로 들어온다.

그렇다고 함수가 실행을 못하거나, 문제가 발생하는 것이 아니므로 아래와 같이 수정하면된다.

IE9 에서 구글 차트를 사용하는데 문제가 발생했습니다.

(IE8 이하에서는 구글 차트 api가 지원되지 않습니다. )

IE9에서만 차트를 그리지 못했으며, 

script5009: 'gvjs_l' is undefined ('gvjs_l'이(가) 정의되지 않았습니다.)

script445: object doesn't support this action (개체는 이 기능을 지원하지 않습니다.)
와 같은 오류가 발생했습니다.

여기서는 구글차트 api 사용 방법에 대해서는 설명하지 않겠습니다.

(다양한 구글 차트 사용 방법은 https://developers.google.com/chart/interactive/docs/gallery 에서 확인 가능)

결론적으로 문제가 되는 부분이 바로 아래의 부분이었습니다.

current 가 구글차트 api 현재 버전을 나타내는 것인데, IE9에서 문제가 발생하는 부분이었습니다.

(아마 현재 버전이 올라가게 된다면 자연스럽게 사라질 오류가 아닌가 싶다.)

google.charts.load("current", {packages:['corechart']});

위의 부분을 아래와 같이 고쳐주면 IE9에서도 차트가 나오는 것을 확인 할 수 있습니다.

google.charts.load("43", {packages:['corechart']});

(참고: https://stackoverflow.com/questions/35648530/google-visualization-charts-api-examples-are-broken-how-to-fix-them/35648674#35648674?newreg=acfb5c1d9c9c4825b34733f6cc551a04 )