본문 바로가기

JavaScript12

IE 7,8에서 모던하게 개발하기 #3 - backbone.js (1) 이번시간은 앞서 진행된 내용에서 backbone.js를 적용하는 것이다. backbone.js는 한 챕터만에 완료할 수 없어 여러 챕터로 나눠 진행할 예정이다. 현재까지 관련된 포스팅과 코드는 아래를 참고! IE 7,8에서 모던하게 개발하기 #1 (npm/grunt) IE 7,8에서 모던하게 개발하기 #2 (require.js) IE 7,8에서 모던하게 개발하기 #3 (backbone.js -1) IE 7,8에서 모던하게 개발하기 #4 (backbone.js -2) IE 7,8에서 모던하게 개발하기 #5 (backbone.js -3) IE 7,8에서 모던하게 개발하기 #6 (배포환경 구축) IE 7,8에서 모던하게 개발하기 #7 (Handlebars.js 적용) 프로젝트 및 코드 backbone.js 사.. 2016. 10. 9.
IE 7,8에서 모던하게 개발하기 #2 (Require.js) 이번시간은 앞서 진행된 내용에서 requirejs를 적용하는 것이다. 현재까지 관련된 포스팅과 코드는 아래를 참고! IE 7,8에서 모던하게 개발하기 #1 (npm/grunt) IE 7,8에서 모던하게 개발하기 #2 (require.js) IE 7,8에서 모던하게 개발하기 #3 (backbone.js -1) IE 7,8에서 모던하게 개발하기 #4 (backbone.js -2) IE 7,8에서 모던하게 개발하기 #5 (backbone.js -3) IE 7,8에서 모던하게 개발하기 #6 (배포환경 구축) IE 7,8에서 모던하게 개발하기 #7 (Handlebars.js 적용) 프로젝트 및 코드 require.js 사용 전반적인 사용법은 Nonblock님의 글이 큰 도움이 되니 꼭 참고하길 바란다. 여기서는 .. 2016. 10. 5.
prototype 이란? 우선 이 포스트는 http://insanehong.kr/post/javascript-prototype/#toc_291 를 읽고 나름 정리와 추가코드를 작성한 것임을 미리 밝히고 시작하겠습니다. 그래서 해당 블로그의 글을 읽고 오시면 더 도움이 되실것 같습니다. SF만화나 영화를 보면 프로토타입이란 단어가 간혹 들린다. 예를 들자면 어떤 사이보그들의 모체 혹은 처음 버전을 프로토타입이라고 얘기를 하는데, 자바스크립트에서의 프로토타입도 이와 크게 다르지 않다. 자바스크립트에서의 프로토타입은 객체생성의 모체가 되는 놈을 말한다. 여기까지는 대부분 아는데, 이 프로토타입에는 2가지 유형이 있다는 것을 대부분은 모르고 있다. 프로토타입에는 프로토타입 연결과 프로토타입 속성 2가지가 있다. 이때, 흔히 API나 책.. 2015. 3. 6.
[자바스크립트 핵심가이드] 주석 자바스크립트에서는 자바와 마찬가지로 2가지의 주석방법이 존재한다 /* */ 와 // 이다. 보통은 연속된 여러줄의 경우에 /* */를 사용하고, 1줄의 주석을 사용할 경우에는 //를 사용하는 것으로 알고있다. 하지만 /* */의 경우에는 정규표현식 리터럴로 인해 의도치 않은 결과를 발생시킬 수 있다. 예를 들자면 /* var rm_a = /a*/.match(5); */ 위와 같은 경우 구문 오류가 발생한다. 그러므로 가능하면 /* */ 대신에 // 를 사용할 것을 궈한다. 2015. 2. 6.
[자바스크립트 객체지향프로그래밍] 원시타입(p.48~57) 자바스크립트 원시 타입(primitive data type)은 숫자, 문자열, boolean, undefined, null 이 있다.이때 각각의 타입이 예상과는 다른 결과를 낼때가 있다.1. 숫자 자바스크립트에서 숫자는 정수, 실수, 2진수에서 36진수까지 다양하게 표현가능하다. console.log(typeof 255);//number : 10진수 console.log(typeof 255.0);//number : 실수 console.log(typeof 0377);//number : 8진수 console.log(typeof 0xff);//number : 16진수 여기까지는 너무나 당연한 이야기인데,자바스크립트에서는 자동형변환 기능으로 인해서 문자열타입과 숫자 타입을 쉽게 오갈수 있다. var temp =.. 2015. 2. 5.
[자바스크립트 객체지향프로그래밍] 프로그램 실행단계(p.42~44) 스터디로 보고 있는 이 책에서 프로그램 실행단계가 조금 설명이 이상하게 되어있어서 좀 더 쉽게풀어서 정리한다.예제로 나와있는 코드 먼저 보자. 책의 설명을 적어보면코드를 실행하면 파싱(컴파일)단계에서 변수인 square와 함수인 square가 정의된다. 먼저 square 변수가 정의되고 다음으로 square 함수가 정의되면서 square 변수를 덮어쓰게 된다.이후 코드가 실행되는 단계에서 square는 함수를 정의하고 있는 코드 블록을 가리키고,console.log(square(4));를 실행(16출력) 하고, var square=0; 문장으로 인해 마지막 console.log(square)는 0을 출력한다. 자바스크립트에 대해 어느정도 이해하고 있는 사람들 입장에서야 "으음 그렇지" 하고 넘어가는데 처.. 2015. 2. 5.