본문 바로가기

개발121

Node.js와 npm 설치하기! Node.js 는 Chrome V8 JavaScript 엔진으로 빌드된 자바스크립트 런타임 입니다.싱글 스레드의 이벤트 기반 비동기식 서버로 구축할 수 있다는 점 때문에 많이 화제가 됐었는데, 여전히 인기가 많은 듯 합니다.제 경우에는 서버로 쓰려는 것 보다는 npm 을 이용하기 위해서 설치를 했습니다. 일단 Node.js 를 공식 사이트에서 받아서 설치합니다.공식 사이트 : nodejs.org 보시다시피 npm 은 같이 설치되도록 기본 옵션으로 잡혀 있습니다. LTS 와 최신 버전 중 상황에 맞는 것을 선택해서 설치하시면 됩니다.서버로 운영할게 아니라면 그냥 최신 버전을 설치하면 될 것 같네요.저는 마침 6.0.0 버전이 공개되어 있어서 바로 설치해 보았습니다. Node.js 를 활용하기에는 Unix .. 2016. 4. 27.
파비콘(Favicon) 설정하기! 파비콘(Favicon)이란 favorite icon 의 줄임말로, 사이트를 대표하는 아이콘을 말합니다. 이런거죠.사이트에 이걸 넣어보려 합니다. 일단 아이콘을 만들어야 합니다! 파비콘을 만들 수 있는 사이트는 정말 많으니 그 중 하나를 이용해 보려 합니다. http://www.favicomatic.com/일단 위 사이트에 접속해서 이용하고 하는 이미지를 업로드 하면 바로 다운로드가 됩니다.주의할 점은 한글 이름은 안된다는 것! 그렇게 만든 파일은 압축된 상태로 다운이 되는데 그 중에서 favicon.ico파일을 이용하면 됩니다.16x16 크기와 32x32 크기가 합쳐져서 만들어진 아이콘 파일입니다. 물론 PNG 나 GIF, SVG와 같은 형태도 파비콘으로 이용 가능합니다만, ico 파일이 간단하고 괜찮은.. 2016. 4. 16.
js 파일에서 다른 js 파일 불러오기 _ js 파일 include 랄까? jQuery 플러그인을 만들다 보니 다른 오픈소스 플러그인을 사용해서 패키징 하려는 부분에서 좀 망설여지는 부분이 있더군요.html 문서에 사용한 플러그인을 여러개 다 넣어야 하는게 좀 아쉽네요.그래서 지금 만들고 있는 하나의 jQuery 플러그인만 태그에 넣으면 필요한 다른 플러그인도 함께 로드하도록 해보려 합니다!js 파일을 Include 로 불러오는 것처럼 작동하게 하고 싶은 겁니다! 일단 jQuery 에는 $.getScript() 라는 함수를 제공하고 있습니다만, 이 함수는 비동기식으로 요청되기 때문에 로드한 후에 콜백방식으로 요청해야 합니다. 필요한 플러그인을 먼저 로드한 후에 메인이 되는 플러그인을 실행해야 하므로 동기식으로 요청할 필요가 있네요. 동기식 js 불러오기 $.ajax({async.. 2016. 4. 1.
구글 early access 한글 폰트들 웹폰트를 사용하면 여러가지 환경에서 접속하더라도 동일한 폰트를 보여줄 수 있다는 장점이 있습니다. 그 중에서도 구글에서 지원하는 폰트들을 사용하면 따로 웹폰트 파일을 업로드 하지 않아도 된다는 장점이 있죠. 구글 폰트에서 한글 폰트들은 early access 라고 따로 묶어서 배포를 했습니다. 여튼 거기서 배포한 한글 폰트들이 보기가 불편해서 한번 정리해 봤습니다. (그리고 새로운 글꼴도 추가됐더군요) 한나 Hanna 다람쥐 헌 쳇바퀴에 타고파. 1234567890 The quick brown fox jumps over the lazy dog. 다람쥐 헌 쳇바퀴에 타고파. 1234567890 The quick brown fox jumps over the lazy dog. Link @import url(h.. 2015. 9. 24.

티스토리툴바