가카리의 공부방

실습 1: 로또 번호 생성기 만들기 프로젝트명 : exercise01 파일명: index.html 요구사항 1. Lotto 생성자 함수는 로또 번호의 범위값(예를 들어 로또 번호가 1번부터 45번까지 있을 경우 가장 큰 값인 45를 사용)으로 사용할 매개변수 numbers와 선택할 공의 갯수로 사용할 매개변수 balls를 가집니다. number와 balls 매개변수에 전달된 인자는 Lotto 생성자 함수 호출을 통해 생성된 객체의 프로퍼티 numbers와 balls에 각각 저장합니다. 2. Lotto 생성자 함수 호출을 통해 생성된 객체는 기본적으로 빈 배열 객체의 프로퍼티 luckyNumbers를 가지며, 이 배열 객체에 getLuckyNumbers() 메소드 호출을 통해 생성된 로또 번호들을 추가합니..

1. 객체의 정의 2. 생성자 객체를 정의하는 방법 생성자에 대해 3. new 연산자, 생성자 함수, 그리고 this 05-01.html DOCTYPE html> 05-01 // 생성자 함수: 객체를 정의하는 방법 // 이 함수는 Rectangle 생성자 함수로 설계되었습니다. function Rectangle(x, y, w, h) { // this 키워드는 생성자 함수에 의해 생성되는 객체를 나타냅니다. // 따라서 다음의 구문은 pointX, pointY, width, height 프로퍼티를 생성자 함수에 의해 // 생성되는 객체에 추가하고 매개변수 x, y, w, h로 전달된 값을 pointX, pointY, width, height // 프로퍼티에 대입하는 문장이 됩니다. this.pointX =..

1. 함수 기본적으로 다음과 같은 4가지의 역할을 가지고 있다. function 생성자는 잘쓰이지 않음 04-01.html DOCTYPE html> 04-01 // 함수의 정의와 호출 // function 문에 의해 정의된 print 함수는 매개변수 message에 전달된 값을 출력합니다. function print(message) { document.writeln(message); } // function 문에 의해 정의된 println 함수는 매개변수 message에 전달된 값과 // 문자열 ' '을 접합연산한 결과를 출력합니다. function println(message) { document.writeln(message + ' '); } // function 문에 의해 정의된 distance 함수..

함수 유효범위와 클로저자바스크립트 인터프리터가 함수를 호출할 경우 인터프리터는 호출 객체(활성화 객체로도 알려진)를 생성한다.모든 함수 매개변수 및 var 문으로 선언한 지역 변수는 호출 객체 안에 정의되고 호출 객체의 프로퍼티가 된다.다음 예제의 경우, f1 호출 객체에는 y1과 x1 프로퍼티가 담기고, f2 호출 객체에는 y2와 x2 프로퍼티가 담긴다.function f1(y1) { var x1 = 1; function f2(y2) { var x2 = 2; } f2();}f1(); 함수 유효범위 체인자바스크립트 함수는 그것이 실행되고 있는 유효범위가 아니라 그것이 정의된 유효범위 내에서 실행된다.함수를 정의하면 현재 유효범위 체인이 저장되고 해당 함수의 내부 상태의 일부를 구성하게 된다.가장 높은 레..

1. 산술 연산자 03-01.html DOCTYPE html> 03-01 // 산술연산자 var num = 20; var str = '20'; var bool = true; var obj = {}; // 피연산자가 숫자일 경우 덧셈 연산을 행합니다. document.writeln('num + 13: '); document.writeln(num + 13); // 33 document.writeln(' '); // 피연산자가 불리언일 경우 true는 1로, false는 0으로 변환되어 // 덧셈연산을 행합니다. document.writeln('bool + 1: '); document.writeln(bool + 1); // 2 document.writeln(' '); // 피연산자의 한 쪽이 문자열일 경우 나..

인라인 스크립트 방식 : 안에 씀 외부 스크립트 방식 : .js에 만들어서 씀 동시에 쓰면 인라인 방식이 무시된다. 02-01.html DOCTYPE html> 02-01 document.writeln(' 태그 아래의 인라인 스크립트에 의한 출력입니다. '); document.writeln('외부 스크립트를 사용할 때는 태그 아래 내용이 무시됩니다. '); 02-01.js document.writeln('src 속성에 기술된 외부 스크립트에 의한 출력입니다. '); document.writeln('안녕하세요! 자바스크립트입니다! '); 출력화면 변수 선언과 var 변수선언시 초기값을 저장하지 않을 경우 값을 저장할때까지 undefined 상태이다. DOCTYPE html> ..

css 파일의 내용이 많아지면 이를 관리하기 위해서 주석을 활용하면 좋습니다. 주석은 소스상에서만 표시될뿐 실제적으로는 아무 영향을 미치지 않는 코드입니다. css의 주석은 /*로 시작하여 */로 끝납니다. 이 문단의 id는 red입니다. 일반적인 문단입니다. CSS 구문이 간단할때는 주석이 크게 필요하지 않지만 홈페이지의 모든 문서에 연결된 외부 CSS파일의 경우 CSS 구문이 아주 복잡합니다. 이때 주석을 적절하게 사용한다면 CSS 문서의 관리가 편해집니다. 출처 : http://www.homejjang.com/07/comment.php

.addClass( className )Returns: jQuery .addClass( className ) className 특정 조건에 추가할 하나 이상의 클래스 명 .addClass( function(index, class) ) function(index, class) 함수에서 반환된 하나 또는 띄어쓰기로 구분된 그 이상의 클래스를 추가할 수 있습니다. Receives the index position of the element in the set and the old class value as arguments.(누가 해석 좀 해주세요.~~ ^^;;) 가장 중요한 것은 이 함수가 클래스를 대체하는 함수가 아니라는 것입니다. 단순히 클래스를 추가하는 기능만 가지고 있습니다. 하나 이상의 클래스를 추..

출처 : http://jacking.tistory.com/1017 윤인성님이 지은 '모던 웹을 위한 Node.js 프로그래밍'책을 보다가 부록C에 있는 바이너리 모듈 부분을 보다가 '이번 장에서 다루는 내용은 윈도에서 작업이 불가능합니다'라는 글이 있었다. 왜 윈도우는 안될까?라는 생각을 하면서 뭔가 방법이 있을 것 같아서 찾아봤다. 이 글 아래에 있는 아르헨티나에 있는 Javier Santo Domingo님이 잘 정리한 내용을 참고해서 다시 정리합니다. Add-on이란? Add-on은 동적으로 링크되는 공유 오브젝트라고 보시면 됩니다. 유닉스 계열에서는 .so라이브러리라고 보시면 될 것 같고, 윈도우에서는 .dll 라이브러리라고 생각하시면 되겠습니다. 자세한 것은 송형주 님이 번역하신 Node.js 도..

Node.js는 이미 매우 강력한 서버로 인정받았고 널리 쓰이는 서버중 하나가 되었습니다. 그에 따라 Node가 하나의 플랫폼이 되가고 있고, NPM을 통해 수많은 node modules가 나오면서 생태계가 형성되고 있습니다. 그 많은 modules중에는 디버깅 툴이 없을리가 없겠죠. 하지만 디버깅 툴을 만든다는 것이 그렇게 쉬운 일만은 아니죠. 많은 node 디버깅 툴이 나오긴 했지만, 사용이 불편해서 많이 쓰이지 않고 node 자체가 자바스크립트를 쓰기 때문에 딱히 디버깅 툴을 쓰지 않아도 디버깅을 하는데는 크게 어려움이 없어서 디버깅 툴이 크게 주목받지 못했습니다. 그러다가 굉장히 강력한 node 디버깅 툴이 나왔죠. 그게 바로 node inspector라는 툴입니다. node inspector: ..