[JavaScript] JS Boolean Value에 대하여 알아보기.

2021-04-08 흔히 [참 거짓] / [true false]를 나누어야 하는 경우가 다수 존재한다. 이럴 경우를 대비하여 js 내부에 만들어진 Value가 Boolean이다. 이 Boolean을 이용하는 방법을 알아보자. - Boolean(x ? y) 두 가지의 값(데이터)을 비교하여 같은지 다른지를 비교하기 위해서 부등호를 사용하게 된다. Boolean에서 사용할 수 있는 부등호는 [ == , > , = ,

• format_list_bulleted WEB/JavaScript
• · 2021. 4. 8.
• textsms

[JavaScript] JS 통한 랜덤값 생성하는 방법 알아보기

2021-04-07 자바스크립트의 Math Object 에는 Random이라는 내부 함수가 존재하는데, 이 Radom을 사용하는 방법을 알아보도록 하자. - random() 해당 메소드를 사용하게 되면 0 이상 1 이하의 랜덤 한 수가 출력되게 된다. 아래의 코드와 결과를 확인해 보자. Hello World ​ 결과를 확인해보면 항상 0보다는 크지만 1보다작은 값들이 출력되는 것을 확인할 수 있다. - 다른 함수와의 조합 random 함수는 Math 내부의 다른 함수들과 조합되어서도 종종 사용되는데, 아래의 예제를 확인해 보자. Hello World ​ 예제에서는 특정 범위에 정수 값을 나타내기 위해 floor(내림) ceil(올림) 함수와 조합해서 사용하였다. 해당 코드의 결과는 우측에 주석으로 남겨 ..

• format_list_bulleted WEB/JavaScript
• · 2021. 4. 7.
• textsms

[JavaScript] JS 올림/내림 반올림 메소드 알아보기 Math

2021-04-06 자바스크립트 내에서도 간단한 소수점 처리가 가능한데, 이는 Math Object를 활용해서 처리할 수 있다. 오늘은 이와 같은 방법을 알아보도록 하자. - ceil Math.ceil("숫자") 메소드는 매개 값으로 들어오는 숫자의 소수점의 수 또는 자릿수에 상관없이 무조건 올림을 진행한다. Hello World ​ - floor 반면에 floor의 경우 ceil과는 정반대의 기능을 수행하게 된다. 매개값으로 오는 숫자의 소수점의 수와 자릿수에 상관없이 무조건 내림 동작을 수행한다. Hello World ​ - round round의 경우 소숫점의 숫자의 크기에 따라 반올림을 수행하며, 리턴 값은 정수의 값을 리턴하기 때문에 첫째 자리 기준으로 값을 확인하여 반올림된 정수 값을 리턴한다..

• format_list_bulleted WEB/JavaScript
• · 2021. 4. 6.
• textsms

[JavaScript] JS String(문자열) 대 / 소 문자 변환 방법

2021-04-05 간혹 문자열을 대소문자로 치환해야 하는 경우가 있다. 이러한 경우 손쉽게 해당 문제를 해결하는 방법을 알아보자. - 대문자 변환 [ toUpperCase() ] 기본적인 문자열을 전부 대문자로 바꿔야 하는 경우가 있는데 이경우 toUpperCase() 메서드를 사용하면 손쉽게 변경할 수 있다. 아래의 예제를 보자 Hello World ​ 브라우저 콘솔창의 출력을 확인해보면, HELLO WORLD HELLO EVERYONE! 로 나타난다. - 소문자 변환 [ toLowerCase() ] 반면에 기존의 문자열을 전부 소문자로 바꿔야 하는 경우에는 toLowerCase() 메소드를 사용하면 손쉽게 변경할 수 있다. 다음의 예제를 살펴보자. Hello World ​ 브라우저 콘솔창의 출력을 ..

• format_list_bulleted WEB/JavaScript
• · 2021. 4. 5.
• textsms

[JavaScript] JS String(문자열) 메소드 알아보기.

2021-04-04 자바스크립트에서 문자열을 다루는 몇 가지 메서드가 존재하는데, 오늘은 문자열(String)을 다루는 메서드에 대하여 알아보자. - length length 변수는 문자열의 총 길이를 확인할 수 있는 메소드로써 공백 문자도 하나의 문자로 인식에 동작한다. 아래의 예제 코드를 보자. Hello World ​ 예제 코드의 text는 문자열길이를 확인하기 위해 length 메서드로 콘솔 창에 출력해 보면 27이 출력되는 것을 확인할 수 있다. - indexOf("문자열") indexOf는 매개값으로 넣어준 문자열이 포함되어 있는지 확인한 후 해당 문자열의 시작 위치를 리턴한다. 아래의 예제를 보자. Hello World ​ text에는 두개의 Hello가 포함되어 있는데, indexOf 메서..

• format_list_bulleted WEB/JavaScript
• · 2021. 4. 4.
• textsms

[JavaScript] JS Arrays sort() / reverse() 메소드 알아보기

2021-04-03 자바스크립트 내부에서 정렬을 할 수 있도록 도와주는 메서드가 있다. 해당 메서드는 sort() / reverse()로 두 메서드의 기능을 알아보도록 하자. - sort () sort() 메소드는 오름차순 기준으로 정렬을 수행하며, 수행 시 알파벳의 경우 a에 가까울수록 배열의 앞에 숫자의 경우 0에 가까울수록 배열의 앞에 위치하게 된다. 아래는 예제 코드이다. Hello World ​ 정렬 전과 정렬 후를 비교하면 아래와 같은 결과가 나타난다. - reverse() 내림 차순으로 정렬하고자하면 reverse()라는 메서드를 사용하면 된다. 다만 해당 메서드는 문자열의 순서가 아닌 배열의 순서 인덱스 순서를 기준으로 위치를 뒤바꾸기 때문에 먼저 sort() 메서드로 오름차순 정렬을 해준..

• format_list_bulleted WEB/JavaScript
• · 2021. 4. 3.
• textsms