[JavaScript] 자바스크립트 option selected 값 가져오기

2021-06-20 웹 애플리케이션 내부에서 카테고리를 부여하는 경우 select 태그를 사용하는 경우가 있는데, 이러한 경우 어떻게 자바스크립트에서 해당 select 태그 중 선택된 option의 값을 체크하고 가져오는지를 알아보자. - 예제 아래는 게시판의 카테고리를 설정하는 html select태그이다. 해당 카테고리를 사용자가 변경할 때마다 changeSelect() 함수를 호출하게 되는데, 이 함수에 따라 각 게시판의 링크로 이동하게 된다. 카테고리 자유게시판 치료게시판 리뷰게시판 아래는 자바스크립트 changeSelect() 함수 코드이다. 함수를 보면 우선적으로 document.getElementById 를 통해 전체 select id를 추출해 변수로 선언해 준다. 이후 if 조건 문을 통해..

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

[JavaScript] js 타이머 함수 setTimeout() 알아보기

2021-05-06 자바스크립트 내에서는 타이머를 지정할 수 있는 setTimeout() 함수가 존재하는데, 해당 함수의 사용법을 알아보자. - 매개값 setTimeout 은 매개 값을 두 가지를 받는다. 첫 번째 매개 값은 주어진 시간이 지났을때 수행될 코드이며, 두번째 매개값은 주어질 시간이다. 여기서의 주어질 시간은 밀리 초로 계산되기 때문에 1000 당 1초로 계산된다. - 예제 코드 아래의 예제 코드는 5000(5초) 밀리 초가 지나면 브라우저 콘솔 창에 Hello World를 출력하게 하는 코드이다. var timeSet = setTimeout(function() { console.log("Hello World")} , 5000) - 타이머 초기화 함수 불가피한 경우에 타이머를 초기화해야 하는..

• format_list_bulleted WEB/JavaScript
• · 2021. 5. 6.
• 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 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