JavaScript

브라우저 가로 크기에 따라 다른 작업하는 방법 - window.matchMedia()

window.matchMedia() CSS는 @media를 이용해서 접속하는 웹브라우저의 가로 크기에 따라 다른 설정을 할 수 있습니다. JavaScript는 window.matchMedia() 를 이용해서 가로 크기에 따라 다른 작업을 할 수 있습니…

HTML 요소 추가하는 방법 - .createElement()

자바스크립트로 HTML 요소 추가하는 방법 자바스크립트를 이용하여 문서에 HTML 요소를 추가할 수 있습니다. 이 때 필요한 자바스크립트 속성은 다음과 같습니다.

대화상자 만드는 방법 - Alert, Confirm, Prompt

Alert Alert는 단순히 메시지를 전달하는 역할만 합니다. 반환하는 값이 없습니다.

화면 정보 가져오는 방법 - screen

Screen Screen은 화면 정보를 가져오는 객체입니다. 속성은 다음과 같습니다.

URL 정보 가져오는 방법 - location

location location은 URL 정보를 가져오는 객체입니다. URL 전체 또는 일부의 정보를 가져올 수 있는데, 대표적인 것들은 다음과 같습니다.

난수(랜덤 숫자) 만드는 방법 - Math.random()

Math.random() .random()는 난수(랜덤 숫자)를 만듭니다.

HTML 자바스크립트 삽입 방법

HTML 편집모드에서 직접 삽입 HTML 편집모드 안에 <script> 태그를 만들고, 그 사이에 코드를 넣는 방법입니다.

구문(Statement) 넣는 방법

구문(Statement) 넣는 방법 자바스크립트는 줄바꿈을 하면 구문(Statement)이 종료된 것으로 봅니다.

주석(Comment) 넣는 방법

한 줄 주석 한 줄 주석은 // 로 만듭니다.

문자열(String)

문자열(String) 문자열을 변수의 값으로 사용하려면 작은 따옴표( ' ) 또는 큰 따옴표( " )로 감쌉니다.

비교 연산자

비교 연산자 변수의 값을 어떤 값 또는 다른 변수와 비교할 때 사용하는 것이 비교 연산자(Comparison Operators) 입니다. 비교 연산자는 8가지가 있는데, 각 연산자의 의미를 알아보겠습니다.

typeof 연산자

typeof 연산자 typeof는 변수의 데이터 타입을 반환하는 연산자입니다.

조건문 - if, else if, else

조건문 특정 조건 만족 시 어떤 작업을 수행하고 싶을 때 사용하는 것이 if , else if , else 입니다.

조건문 - switch

switch 가장 기본적인 조건문은 if입니다. 조건식에서 값이 많다면 코드가 길어지고 가독성이 떨어집니다.이럴 땐 switch 를 사용하는 것이 좋습니다.

반복문 - while, do - while, for

함수 선언하고 호출하는 방법

전역변수와 지역변수

전역변수와 지역변수 변수는 유효범위에 따라 전역변수(Global Variable)와 지역변수(Local Variable)로 구분할 수 있습니다.

인코딩, 디코딩 함수 - encodeURI() encode URIComponent() decodeURI() decode URIComponent()

문자열을 코드로 인식하게 하는 함수 - eval()

eval() eval()은 문자열을 코드로 인식하게 하는 함수입니다.

매개변수가 유한한 수인지 검사하는 함수 - isFinite()

isFinite() isFinite()은 매개변수가 유한값인지 검사하는 함수입니다.