Inspired World

Node.js를 production server에서 운영할때는 NODE_ENV 를 production으로 설정한 후 쉘에서 주로 forever start app.js  명령을 이용해서 node.js 어플리케이션이 예기치 못한 오류로 꺼지거나 하는 경우를 방지 할 수 있는데요. 주의! 먼저 쉘에서 npm install forever -g 로 forever 가 설치 되어 있어야 합니다 개발 과정에서는 forever 보다&nb..

JavaScript에서 procedural programming과 object oriented programing을 모두 할 수 있습니다. 의외로 Object Oriented Programming ( 객체지향 프로그래밍 ), OOP 이 가능한지 모르시는 분들이 있어 이번 포스팅에서 소개하기로 했습니다. 먼저 객체 생성자 (Constructor)를 만들어볼까요? * 소멸자 (Destructor)는 따로 정의 안해도 됩니다. 기본적으로 J..

Google App Engine(구글 앱엔진) 버전이 1.6.2로 업그레이드 되면서 Cloud SQL을 통해 Django를 제대로 지원하게 되었다는 소식을 얼마전에 알게 되었는데요. App Engine의 특성상 DB를 구글의 Big Table을 쓰기 때문에 인기 Python web framework인  Django의 Model (데이터베이스 ORM)을 다 뜯어 고쳐서 써야 했던 기존 App Engine 과 달..

보통 Node.js 를 실행할 때 NODE_ENV 값을 이용해서   production ( 배포 ) 모드 development ( 개발 ) 모드   이렇게 두 가지로 나누어서 실행하게 되는데요. Node.js 프레임워크인 Express 의 경우  production 모드 일때는 파일 캐싱, 에러 메시지 감추기 등 배포의 적합한 환경 설정을 하구요. development 모드 일 때는 파일 캐싱 방지,..

XSS (Cross-Site Scripting 크로스 사이트 스크립팅) 은 사용자가 입력할 수 있는 폼이나 URL의 파라미터 값을 통해 악의적인 코드를 삽입하여 쿠키를 갈취하거나 악성 코드를 실행하는 것을 말합니다. 기본적으로 이는 태그, 특히 스크립트 태그를 통해 삽입되어 지는데요. 태그를 여는 < 를 &lt; 로 > 를 &gt; 로 표현함으로써 브라우저가 진짜 태그가 아닌 문자 형태의 < 와 > ..

클라이언트 사이드 (웹브라우저)에서 전역 객체에 접근하고 싶다면 window 객체를 통해 접근 할 수 있습니다. 예를 들어 example 이라는 변수를 전역 변수로 만들고 싶다면.   window.example = null; 이렇게 하면 example 이라는 전역 변수에 null 값을 할당하게 됩니다. 서버 사이드 (Node.js)에서 전역 객체에 접근하고 싶다면 global 객체를 통해 접근 할 수 있습니다. 위와 ..

Node.js 에서 require('경로'); 를 활용하면 그 .js 파일 기준으로 상대 경로에 위치한 js 파일을 가져와 쓸 수 있습니다. 여러 함수를 라우팅 페이지와 함께 다같이 몰아 넣는게 아니라 HTTP 요청을 라우팅 할 때 함수들을 의미 별로 파일로 나누어서  관련 함수들을 모아놓고 사용하면 아주 유용하죠.  문제는 저 상대 경로 입니다. 나름 절대 경로 비슷하게 자체적으로 root directory 가 있..

CSS를 이용하여 가운데 정렬할 일이 많은데요. 생각보다 쉽지 않습니다. 예를 들어 이렇게 DIV 안에 DIV 한 개가 있다고 가정해봅시다.   HTML   <div id="container"> <div id="block">&nbsp;</div> </div> CSS #container { width:300px; height:300px; background..

jQuery를 사용하면서 여러가지 애니메이션이나 동작을 수행할 때 순차적으로 일을 하게 하고 싶은데   <div id="one">1</div> <div id="two">2</div> <div id="three">3</div>​ $("#one").fadeOut(); $("#two").fadeOut(); $("#three").fadeOut(); 이렇게 하게 되면 이 세 DIV..

한글은 잘 넘어가나 영문일 경우에는 제대로 줄넘기기가 되지 않은 경우가 있습니다. 그럴 땐!   div { word-wrap: break-all; } 이렇게 하면 한글도 자연스럽게 줄 맞추기가 됩니다!