전체 글 351

javascript is eating the world.

언제부터 자바스크립트가 이리도 널리쓰였었는지 모르겠다.요즘은 Google Docs, WordPress 등의 서비스도 JavaScript로 구현되는 시대이다.(Node.js 라는 기술로 Server 쪽까지 cover되는 믿을 수 없는 세상이다.) 예전만 하더라도 자바스크립트는 일종의 web 을 위한 보조적인 역할을 하는 간단한 언어였다.자바스크립트를 할 줄 안다고 해도 별로 그다지 자랑거리는 못되었던 일이었다.그런데 언제부터인가 자바스크립트가 주언어 중의 하나로 자리매김하고 있다. "JavaScript is eating the world", Parse의 공통 창업자이자 CTO인 Kevin Lacker가 dublin에서 열린 web submit 에서 한 말이다.솔직히 kevin lacker가 누군지도 잘 모..

Language/Javascript 2015.12.23

cURL 을 사용하여 web browser와 동일한 결과 얻기

web server에서 data를 가져오는 coding을 하다보면web browser를 통해 data를 가져오는 결과와 library 혹은 command를 통해 가져오는 결과가 달라서 난감할 때가 있다. 추측해 보건데 header에 달린 element들의 값이 다르거나 없어서 web server에서 이를 인지하고 response를 주지 않기 때문으로 생각된다. 그렇다면 이런 문제가 발생할 때 마다 web browser에서 전달하는 html request 를 잡아서 내용을 분석하고command 혹은 library에서 최대한 비슷하게 header등을 구현해서 보내야 하는 것인가... cURL 이나 library 사용에 있어서 경험이 많고, html header에 대해 깊은 이해가 있다면 별로 큰일이 아닐 수..

Language/HTML 2015.12.22

ajax POST debugging 방법

Django framework를 server로 하고 ajax post 를 수행했는데, HTTP Response 500 (INTERNAL SERVER ERROR) 가 발생한다. [Client / Chrome Developer Tool (F12)] [Server / Django log] 그런데 500 INTERNAL SERVER ERROR 가 발생하는 건 알겠는데, ajax 여서인지 화면에 별다른 error로그가 출력되지 않고,서버또한 error log가 남지 않아 debugging이 어렵다. ajax post debugging1. Chrome 실행 2. 문제 상황 재현3. F12 - Developer option 실행4. Network tab 선택5. 아래 loading 된 리스트 중 Status 500 ..

Language/Javascript 2015.12.12

CRUD on mysql (select, update, insert, delete)

Software 의 기본적인 데이터 처리 기능을 통틀어 CRUD (Create, Read, Update, Delete) 라고 부른다.(Kilov, H[1990]의 논문에서 해당 용어를 최초로 사용하였다고 한다.) 기본적인 기능인 CRUD의 경우 mysql에서는 어떤 명령어에 mapping 할 수 있을까. 간단하게 표를 만들어보면 다음과 같다. SQL Create (생성) INSERT Read (읽기) SELECT Update (갱신) UPDATE Delete (삭제) DELETE mysql 기본 CRUD 명령어 사용예 (select, update, insert, delete)아주 기본적인 것이지만 sql을 직접 날릴일이 별로 없어서 할 때 마다 검색하게 되어 간략하게나마 사용예를 정리해 보았다. inse..

Database 2015.12.12

OSI(Open System Interconnection) 7 layers와 Internet protocol suite(TCP/IP)

OSI(Open System Interconnection) 7 layers는 Internet protocol suite(TCP/IP)와 무슨 관계인가? 우리가 network를 흔히 배운다고 하면 주로 듣는 용어가 있다. OSI 7 Layers (OSI 참조 모델)와 Internet protocol suite(TCP/IP) OSI 7 Layers도 network 계층을 표현하고 있고, 같은 맥락으로 Internet protocol suite(TCP/IP) 또한 network 계층을 표현하고 있는데,Network의 좀더 깊은 이해를 위해 서로 어떤 관계이고, 우리는 실제로 어떤 계층을 사용하고 있는지 확인이 필요하다. OSI 7 Layers 는 ISO(International Organization for ..

Network 2015.11.24

ajax를 이용한 async post data 저장

사용자가 grid(slickgrid) cell에 text 입력하면 해당 text가 서버의 database에 사용자 인지 없이 자동 저장되는 Logic 기본 구현 환경 -. Slickgrid -. mysql -. django Client Slickgrid 설정[templates/test/index.html] var columns = [... {id: "comment", name: "Comment", field: "comment", width: 300, editor: Slick.Editors.Text}, ]; var options = { editable: true,... };Slickgrid column 설정 및 option에서 editable 속성을 enable하고 editor를 설정해 준다. Ajax 설..

Language/Javascript 2015.11.16

Slickgrid example1-simple.html 분석

Demonstrates: basic grid with minimal configuration [Slickgrid를 사용하기 위한 기본 설정 포함] line 1 : HTML 5 규격 사용 선언 ([참고자료]) line 6,7,8 : link tag 로 slickgrid, jquery css 연결 ([참고자료]) line 25 ~ 29 : jquery, slickgrid javascript 연결 [Slickgrid의 위치 정의] line 14 : div tag로 실제 slickgrid가 구현될 위치를 선언. [Slickgrid의 구현] line 33 : 실제 grid 저장할 변수 선언 line 35 : slickgrid의 column(열) 정의 - 여기서는 6개의 열을 정의함 (title, duration,..

Language/Javascript 2015.11.16