회복맨 블로그

javascript2017. 9. 3. 16:51

일반적인 함수 일반적인 함수는 파라미터를 받아 함수 내부로 진입하고 결과값을 돌려줄 때는 return키워드를 사용해 호출자에게 값을 돌려 주는 구조로 되어 있습니다. 또는 파라미터 자체를 Call by reference로 전달(포인터 전달)해 호출자가 참조하는 값 자체를 함수 내부에서 변경하기도 합니다. 이 경우 리턴값은 없거나 에러 여부를 전달하는 데 쓰이게 됩니다. 예제1234567// 일반적인 함수function sum(num1, num2){ return num1+num2;} // 함수 호출sum(1, 2);cs 콜백 함수 콜백 함수는 함수로써 다른 함수에 전달되며, 이는 외부 함수 내에서 일종의 루틴 또는 동작을 완성하기 위해 호출됩니다. 예제12345678910function greeting(n..

javascript2017. 8. 31. 14:19

메서드 체이닝 메서드가 객체를 반환하게 되면, 메서드의 반환 값인 객체를 통해 또 다른 함수를 호출할 수 있습니다. 이러한 프로그래밍 패턴을 메서드 체이닝(Method Chaining) 이라 부릅니다. 마치 쇠사슬 처럼 객체를 연결고리로 함수를 지속적으로 호출한다고 하여 Method Chaining입니다. - Photo By Philippe P - 객체 선언 및 생성 다음과 같이 자바스크립트 코드 객체를 작성합니다.12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 함수 테스트 //객체 생성 var MySquare = function () { this._width = 0; this._height ..

javascript2017. 8. 28. 18:33

프로토타입 코딩을 하다보면 동일한 객체를 여러 개 생성하는 경우가 매우 빈번히 발생합니다. 속성은 어차피 각자 다른 값을 가져야하기 때문에 그렇다 치더라도 함수의 경우 동일한 기능을 하는 것들이 메모리 상에 각자 상주하게 되면 이는 메모리의 낭비로 이어질 수 있습니다. 이 논리는 여러 객체들이 동일한 값을 가져야하는 속성에도 동일하게 적용될 수 있습니다. 이러한 문제점을 해결하기 위한 방법으로 자바스크립트에서는 프로토타입이라는 개념을 사용합니다. 프로토타입(prototype)은 원래 형태 또는 전형적인 예, 기초 또는 표준을 의미하는 단어로 자바스크립트에서는 구속이 약한 형태의 클래스를 의미합니다. 객체의 함수를 프로토타입으로 선언하면 객체는 객체 원형의 함수를 참조하여 작업을 수행하기 때문에 메모리 상..

jQuery2017. 8. 28. 11:12

jQuery 플러그인 만드는 방법을 포스팅 합니다. 저는 NEXTREE 에서 보고 배웠습니다. 알기 쉽고 간단하게 글을 쓰셔서 정말 감사합니다. NEXTREE http://www.nextree.co.kr/p9989/ 1) 플러그인을 만드는 이유 일관된 코드 스타일을 유지 jQuery의 기반 코드를 잘 활용 예제 1) 1 $(this).parents().find("input").val(); cs 셀렉터는 엘리먼트 확장 집합의 형태로 표현하고 있습니다. 그리고 jQuery 메소드와 메소드 체인을 셀렉터(확장 집합)에 적용합니다. 이런 코드 스타일은 jQuery를 적용한 스크립트에서 대표적으로 사용되는 스타일 입니다. 개발할 때 이러한 스타일을 반드시 고수해야 하는건 아닙니다. 이와 같은 다른 스타일로도 작성..

게임2017. 7. 26. 22:56

저번에 오버워치에서 이벤트를 했었었죠.그때 플레이 함 열심히 해보자 하고 꽤 많이 플레이 했던거 같았습니다 ㅎㅎ내심 커스텀PC를 받고 싶었지만 큰 운은 한번도 당첨되어 본 적 없다는게 함정 ㅠ사실 당첨 안내문자를 받고 빨리 올줄 알았는데 완전 까먹고 있을때쯤 오더라구여 ㅋㅋ플스4 게임 주문해 놓은게 있어서 그게 왔구나 생각했었는데 이벤트 선물일줄 몰랐습니다 오버워치 글씨가 새겨진 박스가 도착했어요.박스는 작은 사이즈로 이렇게 왔어요 두근두근두근박스를 열면 완충포장된 노랑 박스가 하나 들어 있습니다 박스의 앞면 입니다.오버워치 로고가 새겨져 있어요. 박스의 뒷면엔 블리자드 로고가 있습니다. 이 박스는 이렇게 비닐 포장이 되어 있어요. 박스를 열면 작게 프린트된 디바의 모습이 바로 보입니다.기념 주화보다 더..

javascript2017. 7. 16. 17:32

다음의 예제를 먼저 예상해 봅니다.12345function fruit(fr1, fr2){ console.log(fr1); console.log(fr2);}fruit("바나나", "딸기");cs 정확히 바나나 와 딸기 를 출력하고 있습니다.fruit함수를 호출할때, 바나나와 딸기를 인자로 넣어 주고,fruit라는 함수는 이 바나나와 딸기를 받아줄 매개변수를 가지고 있습니다. 그럼 다음의 예제를 예상해 봅니다.함수 fruit는 아무런 매개변수를 가지고 있지 않습니다.12345function fruit(){ console.log(fr1); console.log(fr2);}fruit("수박", "참외");cs Uncaught ReferenceError: fr1 is not defined라는 에러가 출력되고 있습..

게임2017. 7. 3. 23:05

예전에 한빛소프트에서 디아블로, 스타크래프트를 퍼블리싱 했었죠. 디아블로2 이 게임을 즐겼을 당시 저는 중학생 이였던거로 기억합니다. 이 패키지 무게감이 조금 느껴져요! 박스의 옆모습 입니다. 중간에 바알? 사진이 있습니다. 옛날 생각 나네요 ㅎㅎ 뒷모습은 입니다. 올해 최고의 게임! 전세계 7백만부이상 판매! 도저히 멈출 수 없는 게임! 그 당시엔 정말 이게임은 최고 라는 단어에 가장 어울리는 게임이였습니다. 박스 안을 살펴보면 이렇습니다. 두장의 오리지널 CD와 두장의 확장팩 CD가 들어있고, 게임 가이드북, 설치가이드북 등이 포함되어 있습니다. 이 씨디... 아직 미개봉 입니다 ㅎㅎㅋ 게임 가이드 북을 펼쳐보니 디아블로 공략법이 나오네요! 전면전으로 나가라. ㅋㅋㅋㅋㅋ 예전에 라이코스, 야후 등의 ..

음악 :)2017. 6. 18. 00:38

나쁘지 않은 낯설음과느리게 가는 그 시간과좋은 술 한잔이 필요해

javascript2017. 6. 15. 17:32

최근에 자바스크립트 기초가 없었다고 느껴져서 작성 합니다. 전역변수는 전역에서 사용하는 변수를 의미 합니다. 작성은 다음과 같습니다 1 2 3 4 var a1 = "global 01"; function test(){ a2 = "global 02"; } cs 1번 라인에 있는건 척 봐도 아실꺼 같고 2~4 번 라인에 있는건 이게 전역변수인가? 라고 생각 하실 수 있습니다. 함수 내부에서 예약어 'var' 가 없는 상태로 변수의 값을 대입할땐 전역변수로 만들어 집니다. 우선 a1을 출력해보겠습니다. 다음과 같이 작성하면 어떤 결과를 출력할까요? 1 2 var a1 = "global 01"; console.log(a1); cs 이렇게 나옵니다. 제대로 변숫값이 잘 찍혀서 나오고 있네요. 그러면 이건 과연 어떻..

javascript2017. 6. 11. 23:39

자바스크립트의 undefined 는 변수에 값을 만든 후 초기화 하지 않은 상태 입니다.1var data1;cs이렇게 변수를 만들면 다음과 같이 출력됩니다. 보통 변수를 만들면 어떤 데이터형을 저장할지 값을 초기화 시킵니다.12345678910// 숫자형var num = 0; // 문자형var str = ""; // 논리형var state = false; //...cs 이렇게 변수에 값을 다음과 같은 값을 넣어 해당하는 변수가 어떤 데이터를 가지고 있는지 알 수 있습니다 ------ null 은 아무것도 참조하고 있지 않다 라는 의미 입니다.null 은 주로 객체(array, object)를 담을 변수를 초기화 할 때 사용합니다.12// 객체형var nu1 = null;cs ------- undefine..