[JavaScript] JS for 구문의 다양한 형식(in/of) 알아보기

2021-04-11 자바스크립트 내부에서는 for을 이용한 몇 가지 형식의 반복문 구문이 존재한다. 이를 통해 코드의 양을 줄이고 반복적인 업무를 수행할 수 있게 된다. 이 for의 사용법을 알아보도록 하자. - for 아래는 기본 for문 코드이다 정수가 들어가 변수에 루프를 돌면서 더해주는 구조이다. Hello World ​ for() 안에는 3가지 매개값이 들어간다. 1. for구문안에서 사용할 변수(반복 변수) 2. 조건식(해당 조건식의 범위를 벗어나면 루프는 종료된다.) 3. 루프를 한번 끝낼때마다 실행될 코드 위의 for구문에서 num변수는 루프마다 [ 1, 2, 3, 4]의 값이 더해지게 된다. - for(in) for in 구문은 반복 가능한 자료구조를 인덱스 변수에 따라 값을 반환하는 구..

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

[JavaScript] JS Switch 구문을 통한 상황 처리 알아보기

2021-04-09 자바스크립트 내부에는 각 상황에 맞는 처리결과 값을 리턴할 수 있는 Switch라는 구문이 존재한다. 이 Switch 구문의 사용법을 알아보도록 하자. - 예제 예제는 학생의 점수에 따른 학점을 부여해주는 간단한 학점 부여 Switch 구문을 작성해 보도록 하겠다. 학점은 A, B, C, D, 로 나누어지면 해당 학점을 받지 못한 학생은 F로 낙제점을 받게 된다. 또한 학생의 점수는 0 ~ 100 점으로 한정한다. - 코드 Hello World ​ 코드의 구조를 파악해보면 switch("조건식") 으로 시작된다. 해당 조건식으로 나온 결과물이 각 case(케이스)에할당되는지 파악한다. case는 중복된 값이 없어야 하며, case는 위에서 아래 순으로 진행된다. case에 조건식의 값..

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

[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