Inspired World

클라이언트 사이드 (웹브라우저)에서 전역 객체에 접근하고 싶다면 window 객체를 통해 접근 할 수 있습니다. 예를 들어 example 이라는 변수를 전역 변수로 만들고 싶다면. window.example = null; 이렇게 하면 example 이라는 전역 변수에 null 값을 할당하게 됩니다. 서버 사이드 (Node.js)에서 전역 객체에 접근하고 싶다면 global 객체를 통해 접근 할 수 있습니다. 위와 동일하게 example 이라는 변수를 전역 변수로 만들고 싶다면. global.example = null; 이렇게 하면 example 이라는 전역 변수에 null 값을 할당하게 됩니다. 가급적이면 전역 변수를 쓰지 않는게 좋지만 전역 변수를 꼭 써야만 하는 상황이 있을 수 있으니 클라이언트 사이..

Node.js 에서 require('경로'); 를 활용하면 그 .js 파일 기준으로 상대 경로에 위치한 js 파일을 가져와 쓸 수 있습니다. 여러 함수를 라우팅 페이지와 함께 다같이 몰아 넣는게 아니라 HTTP 요청을 라우팅 할 때 함수들을 의미 별로 파일로 나누어서 관련 함수들을 모아놓고 사용하면 아주 유용하죠. 문제는 저 상대 경로 입니다. 나름 절대 경로 비슷하게 자체적으로 root directory 가 있다면 그걸 기준으로 폴더나 파일을 정리해서 require를 사용하면 참 좋을텐데요. 이럴 때는 process.cwd() 를 활용하시면 해결됩니다. 예를들어 웹 프레임워크가 app.js 로 실행된다고 할 때 node app.js 로 실행을 하게 됩니다. 이 때 이 경로가 process.cwd가 됩니..

CSS를 이용하여 가운데 정렬할 일이 많은데요. 생각보다 쉽지 않습니다. 예를 들어 이렇게 DIV 안에 DIV 한 개가 있다고 가정해봅시다. HTML CSS #container { width:300px; height:300px; background-color:#191970; } #block { width:50px; height:50px; background-color:#ffd700; } 예제 보기 이 상태에서 먼저 Horizontal(가로)로 정렬을 먼저 해볼까요? 이렇게 하면 스타일시트(CSS)가 완전히 분리가 되지 않겠죠? CSS #container { width:300px; height:300px; background-color:#191970; } #block { width:50px; height..

jQuery를 사용하면서 여러가지 애니메이션이나 동작을 수행할 때 순차적으로 일을 하게 하고 싶은데 1 2 3​ $("#one").fadeOut(); $("#two").fadeOut(); $("#three").fadeOut(); 이렇게 하게 되면 이 세 DIV 가 동시에 서서히 사라지는 애니메이션이 적용됩니다. 예제보기 하지만 만약 1, 2, 3이 순차적으로 애니메이션을 적용하고 싶다면 .queue() 를 활용하면 됩니다. $("#one").fadeOut().queue(function() { $("#two").fadeOut().queue(function() { $("#three").fadeOut(); }); }); 예제보기 이렇게 queue를 활용하면 필요에 따라 반드시 선행되어야 할 액션 이후에 다른..

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