커피스크립트에서 함수 선언 방법과 객체 및 배열 사용 방법에 관해 설명 드리겠습니다. 원본 & 참고 : http://coffeescript.org/#literals 함수 선언 커피 스크립트에서의 함수선언은 "->" 로 이루어 집니다. 아래의 예제가 좀더 보기 편하실 것 입니다. 아래는 사각형의 넓이를 구하는 공식과 6 면체 를 구하는 공식 입니다. 첫 번째 함수는 CoffeeScript 두번째 함수는 javascript 함수 입니다. 비교해서 보시기 바랍니다. square = (x) -> x * x cube = (x) -> square(x) * x console.log square 10 아래는 javascript 입니다. // Generated by CoffeeScript 1.10.0 (function(..
CoffeeScript 란 ? CoffeeScript 는 복잡한 문법을 가지고 있는 자바스크립트 언어의 특성 때문에 나오게된 일종의 언어 입니다. 좀더 자세히 설명하자면 커피스크립트로 작성된 파일은 자바 스크립트로 변환되어 사용 되지만 좀더 간단한 문법으로 스크립트를 작성할수 있도록 해줍니다. 사용의 용도는 당연히 Javascript 문서를 더욱 간결하게 작성하기 위해서 입니다. 간단한 예제를 아래의 코드로 확인해 보시기 바랍니다. 아래의 코드는 Coffeescript.org 에서 확인하실수 있습니다. CoffeeScript GitHub CoffeeScript 코드 # Assignment: number = 42 opposite = true # Conditions: number = -42 if opposi..
1. NodeJS 업데이트 방법 우선 NodeJS 의 버전을 직접 업데이트 하는 방법입니다.우선 npm 의 케시를 지운 후 global 옵션으로 n을 설치해 줍니다. ( n은 nodejs 자체의 버전관리를 돕습니다. )그리고 n 의 옵션으로 stable 로 할 경우 현재 nodejs 의 stable 버전이 설치 됩니다. sudo npm cache clean -f sudo npm install -g n sudo n stable 다른 버전으로 설치 하고 싶으시다면 아래와 같이 n 뒤에 특정 버전을 적어 주시면 됩니다. sudo n 0.10.28 2. npm 업데이트 방법 다음으로 npm 의 업데이트 방법입니다. npm은 nodejs 의 패키지 관리자로 npm 으로 npm 을 업데이트 할수 있습니다. (?!)..
jQuery 에서 색으로 어떤 액션을 구분하려고 할때 발생할수 있는 문제점으로 컬러를 가져 올때 jQuery 는 RGB로 가져오게 되어 있습니다. 이런 컬러를 흔히 사용하는 Hex 로 구분해 주는 함수 입니다. function rgb2hex(rgb) { if ( rgb.search("rgb") == -1 ) { return rgb; } else { rgb = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+))?\)$/); function hex(x) { return ("0" + parseInt(x).toString(16)).slice(-2); } return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]); } } 사용 방..
jQueryMobile 에서 이벤트가 2번씩 발생할때가 있습니다. ( jQuery Mobile 의 페이지 관리 특성에 따라 특정 오브젝트에 이벤트가 중복해서 들어 갈수 있습니다. ) 개발 로직에 따라서 피해 갈수도 있지만 정말 ... 어쩔수 없는경우 중복 이벤트를 해결하는 방법으로 .off() 를 이용하실수 있습니다. 오브젝트에 이벤트를 연결하는 .bind 전에 ( 혹은 .click .mouseover 등등... ) .off 를 넣어 주실수 있습니다. 간단하게 보자면 $(".logo").bind("touchstart",function(){ if(btnStatus == 'true'){ var id = $.mobile.activePage.attr('id'); if(id != "MAIN"){ $(".uiBlo..
Node JS 는 Chrome 에서 사용하는 V8 엔진을 기반으로 작동하는 서버 사이드 Javascript 로 작동하는 이벤트 I/O 프레임워크 입니다. ( Chrome 은 V8 엔진을 클라이언트에서 사용하지만 Node JS 는 V8 엔진을 서버사이드에서 사용한다고 보시면됩니다. ) 자세한 설명은 위키디피아 (http://ko.wikipedia.org/wiki/Node.js) Ubuntu 를 설치하고 아무것도 깔지 않았다는 전제에 sudo apt-get install python-software-properties python g++ make sudo add-apt-repository ppa:chris-lea/node.js sudo apt-get update sudo apt-get install node..
문자열.split() 은 Javascript 에서 문자열을 특정 문자를 기준으로 분해하여 저장하는 함수 입니다. var str = "B00/C00/D00/E00"; var res = str.split("/"); console.log(res); 위의 res 의 결과는B00,C00,D00,E00 의 형태로 배열로 저장되었다고 보시면 됩니다.Chrome 에서는 아래와 같이 console.log 를 확인하실수 있습니다.
간단하게 Javascript 에서 문자열을 변경하는 함수인 replace() 입니다. var str = "Good Bye World"; var res = str.replace("Good Bye","Hello"); 위의 경우 Res 에는 Hello World 가 들어가게 됩니다. 제 경우 replace 를 많이 쓸때는 html 의 요소 컨트롤시 많이 사용합니다. 예를 들어 jQuery 에서 id='btn_1' 이고 class='btns' 라는 요소에 click 혹은 mouseenter 이벤트를 걸었을때 전혀 다른 요소인 box_1 에 대해 이펙트를 줘야 한다면? $(document).ready(function(){ $(".btns").click(function(){ var target_id = this.i..
이 포스트는 https://deok.me/85 로 이전 되었습니다. 요즘은 PDF 를 바로 브라우져로도 볼수 있지만 내장 뷰어로 볼 경우 다운로드를 받지 않고 조금 깔끔하게 볼수 있게 하기위한 스크립트 들입니다. 물론 최근 브라우져들이 자체적으로 PDF뷰어 역할을 너무 잘해주기 때문에 조금 유용하지 않을수도 있지만 더욱 깔끔한 뷰어 기능을 하기 때문에 몇가지 소개시켜 드리겠습니다. 1. PDF.js PDF 로 Javascript 를 이용한 고퀄리티의 뷰어를 만들수 있습니다. 또한 파이어폭스의 플러그인으로도 사용되고 있는 플러그인이라고 합니다.저도 Project에서 적용하여 사용하였 었지만 단점이 있다면 모바일 계열의 브라우져에서 극단적으로 느려 지는 현상이 있습니다. PC에서도 빠른속도를 자랑하지는 않지..
- Total
- Today
- Yesterday
- SNS
- html
- 웹 개발자
- 웹
- 우분투
- 튜토리얼북
- ubuntu
- it
- 개발
- 게임
- 서버 개발
- 게임 개발
- Database
- mac
- Tutorialbook
- Nodejs
- 데이터베이스
- 에러
- 웹 서버
- JavaScript
- 설치
- Laravel
- 웹 개발
- 맥
- 개발자
- cocos2d-x
- php
- Developer
- 서버
- 인터넷
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |