Simple is Beautiful.

NodeJS 개발을 시작하기 위해 설치해야 할 것들.

1. NodeJs 설치하기

https://nodejs.org/ko/download/ 에서 플랫폼에 맞는 NodeJs버전을 다운 받은 후 설치합니다.

2. NPM 설치하기

사실 NodeJS를 설치하며 Next만 눌렀으면 알아서 설치됩니다.

3. 설치 확인하기

CMD를 열어 다음 명령어를 입력해 봅니다.

• node -v
• npm -v

다음 화면과 같이 버전이 출력되면 정상적으로 설치된 것 입니다.

References: Convert css width string to regular number

Source

var numWidth = parseInt( $("#myClass").css("width"), 10 );

References: w3schools

Source

function myFunction() {

var message, x;

message = document.getElementById("p01");

message.innerHTML = "";

x = document.getElementById("demo").value;

try {

if(x == "") throw "empty"; 

if(isNaN(x)) throw "not a number"; 

x = Number(x); 

if(x < 5) throw "too low"; 

if(x > 10) throw "too high"; 

} 

catch(err) {

message.innerHTML = "Input is " + err; 

} 

}

Source

HTML

...

<input type="text" id="txt_test" data-input-type="test"></input>

...

js

...

$('[data-input-type="test"')

...

References : Easy way to turn JavaScript array into comma-separated list?

Source

var arr = ["Zero", "One", "Two"];

console.log(arr.join(", "));

References: jQuery에서 엘리먼트에 바인딩된 이벤트 조회하기

var events = $._data($(‘#elem’)[0], ‘events’);

References : http://api.jquery.com/off/ , http://api.jquery.com/on/

1. 이벤트 등록

$(document).on('click', '#btn_search', searchEvent);

=>$(document)에 존재하는 #btn_search요소를 click했을때 searchEvent를 실행한다.

2. 이벤트 제거

$(document).off('click', '#btn_search');

=> $(document)에 존재하는 #btn_search'요소의 click이벤트를 제거한다.

References

some 메서드(Array)(JavaScript)

Source

1. 배열내 모든 요소가 짝수인지 검사하기.

// The callback function.

function CheckIfEven(value, index, ar) {

    if (value % 2 == 0)

        return true;

}

var numbers = [1, 15, 4, 10, 11, 22];

var evens = numbers.some(CheckIfEven);

document.write(evens);

// Output:

// true

2. 기준값을 벗어나는 값이 있는지 검사하기

// Create a function that returns true if the value is 

// outside the range.

var isOutsideRange = function (value) {

    return value < this.minimum || value > this.maximum;

}

// Create an array of numbers.

var numbers = [6, 12, 16, 22, -12];

// The range object is to be the 'this' object.

var range = { minimum: 10, maximum: 20 };

document.write(numbers.some(isOutsideRange, range));

// Output: true

References 

[Javascript] 숫자 배열의 합을 찾는 방법

Sources

var sum = [1, 2, 3].reduce((a, b) => a + b, 0);

References 

Function.prototype.apply()

Source

/* min/max number in an array */

var numbers = [5, 6, 2, 3, 7];

/* using Math.min/Math.max apply */

var max = Math.max.apply(null, numbers); /* This about equal to Math.max(numbers[0], ...)

                                            or Math.max(5, 6, ...) */

var min = Math.min.apply(null, numbers);

/* vs. simple loop based algorithm */

max = -Infinity, min = +Infinity;

for (var i = 0; i < numbers.length; i++) {

  if (numbers[i] > max) {

    max = numbers[i];

  }

  if (numbers[i] < min) {

    min = numbers[i];

  }

}