스노우보드 참 좋아하는데 맨날 키보드 앞에만 있네

구글 애드센스 비승인 구글 애드센스 비승인 : 콘텐츠 불충분 티스토리 블로그에 광고를 추가하기로 했다.이 작은 블로그로는 광고비가 얼마 안나오겠지만, 왠지 광고 수익 구조를 직접 체험해 보고 싶었다. 구글 애드센스에 가입 후 신청을 했다.구글 애드센스는 블로그에 간단한 소스코드를 추가하는 것만으로 포스팅에 광고를 삽입해주기에 상당히 간편하다. 검토 후 이메일 주겠다는 메시지를 받고, 반나절이 지나고 이메일을 받았다.결과는 거절.왜? 콘텐츠 불충분이 비승인 사유인데 ..아마 이 두가지가 문제인 듯 하다.1. 포스팅에 텍스트가 충분히 있어야한다. 이미지, 동영상 뿐이면 거절 사유가 된다.2. 포스팅 내용이 완전한 문장이나 구문이어야 한다. 아직 포스팅 수가 부족해서가 아닐까 추측을 해본다.더 부지런히 활동하..

비동기 프로그래밍 NodeJS를 오늘 처음 공부하기 시작했는데, 비동기 프로그래밍이란 용어가 나와서 정리해본다. 일반적으로 대부분의 어플리케이션은 발생하는 작업들을 중앙 서버에서 처리한다.이 서버는 Web을 위한 HTTP서버, 소켓 통신을 위한 네트워크 서버 등이 있다.이러한 중앙집중형태의 서버는 항상 작업처리 성능을 주시해야한다.왜냐하면 클라이언트 요청이 많을 경우 서버에서 병목 현상이 발생하기 때문이다.이 병목 현상은 대부분 입출력(IO)에서 발생하는데, 처리 지연으로 인하여 다른 요청을 처리하지 못하면, 계속 대기해야한다.그래서 대부분의 서버 플랫폼들은 사용자 요청을 쓰레드로 처리하고 있다. Multi-Thread 방식과 한계 Multi-Thread 방식은 서버에서 요청하는 작업을 쓰레드에서 병렬적..

jQuery를 이용하여 체크박스 다루기 jQuery를 이용하여 Checkbox, Textarea, Button 을 다루는 실습을 해보자 소스코드1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 jQuery를 이용하여 체크박스 다루기 function allSelect() { $("input[type='checkbox']").prop('checked', true); } function unSelect() { $("input[type='checkbox']").prop('checked', false); } function check() { var check..

메서드 체이닝(Method Chaining) 메서드 체이닝 메서드가 객체를 반환하게 되면, 메서드의 반환 값인 객체를 통해 또 다른 함수를 호출할 수 있다.이러한 프로그래밍 패턴을 메서드 체이닝이라 한다. 메서드 체이닝의 형태Object.function().function().function() 위와 같이 메서드 체이닝을 통해 하나의 Object 메서드가 순차적으로 메서드 function() 을 Call 하는 형태를 가질 수 있다. 실제 코드를 보자 123456 $(document).ready(function() { $('h1').css('background', 'orange'); $('h1:even').css('color', 'white'); $('h1:odd').css('color', 'red'); ..

야구게임 게임 규칙야구게임을 자바스크립트 언어를 사용하여 프로그래밍 해보도록 하자 게임의 규칙은 다음과 같다 * 범위 000~999의 각 자리가 중복되지 않는 3자리 정수가 생성된다. * 사용자가 3자리 숫자를 입력하면, 숫자 비교를 한다. * 숫자 비교 스트라이크 : 숫자와 그 숫자의 자리가 일치 볼 : 숫자는 일치하지만, 자리수가 다른 경우 아웃 : 일치하는 숫자가 없다. 0스트라이크, 0볼 * 숫자 비교 결과를 출력한다. * 숫자가 일치할 때까지 숫자입력과 비교를 반복 * 3스트라이크로 모든 숫자가 일치하면 게임을 종료한다. * 사용자가 0을 입력하여 게임을 강제 종료할 수 있다. 프로그래밍 방법난수생성우선 각 자리수가 중복하지 않는 3자리 난수를 생성한 후 저장해야 한다.난수를 저장하기 위한 배열..

전개 연산자(바벨)를 사용한 배열 복사 자바스크립트의 객체 복사에 대해서 잘 모르시는 분은 아래 링크를 통해 이전 게시글을 참고하도록 하자 2017/10/31 - [Programming Note/Javascript] - [JavaScript] 참조 복사와 값 복사 (얕은 복사와 깊은 복사) ECMAScript 6 에서 추가된 전개 연산자(spread operator)를 사용하면 배열의 내용을 복제하거나 병합할 수 있다.전개 연산자를 사용할 수 있는 구문은 다음과 같이 세 가지가 있다. 12345678// 함수 호출용myFunction(...iterableObj); // 배열 리터럴 용[...iterableObj, 4, 5, 6] // 비구조화 용[a, b, ...iterableObj] = [1, 2, 3..

자바스크립트 참조 복사와 값 복사 자바스크립트에서 = 를 이용하여 객체를 복사하면 값을 복사하는게 아니라 그 값의 위치를 참조만 하게 된다. 한번 자세히 알아보도록 하자. 자료형의 값 복사(깊은 복사) 자바스크립트는 기본 자료형(숫자, 문자열, boolean)의 값을 복사할 때 값을 완전히 복사한다. 따라서 =을 이용하여 값 복사를 쉽게 할 수 있다. 아래는 깊은 복사 예제이다. 1 2 3 4 5 6 7 var originalValue = 100; var newValue = originalValue; originalValue = 200; alert(originalValue); alert(newValue); 위 소스코드 1열에서 originalValue에 100의 값이 들어가고, 2열에서 newValue에..

객체 (Object) 오늘은 객체에 대해 공부해보도록 하자.자바스크립트의 거의 모든 것은 객체이다. 기본 데이터 타입인 boolean, number, string, null, undefined를 제외하고 말이다.객체는 배열과 상당히 유사하다. 개요자바스크립트의 기본 자료형은 숫자, 문자열, 불, 객체, 함수, undefined이다. 그러면 배열의 자료형은 무엇일까?1alert(typeof ([])); 응~ 오브젝트야~ 배열은 객체를 기반으로 만들어졌으므로 배열과 객체는 상당히 비슷하다.차이가 있다면 배열은 요소 접근 시 인덱스를 사용하지만, 객체는 키를 사용한다는 점이다. 객체를 생성한 후 콘솔창에 출력한다. 12345678var product = { 제품명 : '7D 건조 망고', 유형 : '당절임',..

클로저 (closure) 클로저란 무엇인가?MDN에서 다음과 같이 정의하고 있다. "A closure is the combination of a function and the lexical environment within which that function was declared." 번역하면 "함수와 함수가 선언된 어휘적 환경의 조합" 이라는 말인데... 무슨소리인지 모르겠다. 보통 함수 내에서 함수를 정의하고, 사용하면 클로저라고 하는데, 그 외에도 정의는 다양하다. 아래의 예제를 통해 이해를 돕도록 하자 [1 단계] 123456789var cnt = 0;function increaseCnt(){cnt++;}increaseCnt(); // cnt == 1increaseCnt(); // cnt == 2..

키워드 var, let 그리고 const 기본ECMAScript 5까지는 식별자에 값을 넣기 위해서는 var 키워드를 사용하여 변수를 정의하는 방법 밖에 없었다.그런데 ECMAScript 6부터 let 키워드를 사용한 변수, const 키워드를 사용한 상수 라는 개념이 추가되었다.사용법은 키워드 '식별자 = 값;' 형태로 선언하며, 값을 넣은 후 식별자를 통해 내부의 값을 사용할 수 있다. var, let, const 키워드를 사용한 변수/상수의 정의 및 출력1234567var variableA = 10;let variableB = 20;const constantC = 30; console.log(variableA);console.log(variableB);console.log(constantC); 식별..