[JavaScript] 제어문 (3) - 반복문 while문, do while문, for문, 중첩 for문, break문, continue문
·
Devlopment/JavaScript & jQuery
반복문 말 그대로 코드를 반복하기 위해 사용하는 문법들을 말합니다. 예시로 "안녕하세요"라는 문구를 출력하는 것을 100번 작성한다고 생각해봅시다. 한줄씩 "안녕하세요"를 출력문을 계속 100번 쓰는 것은 비효율적입니다. 코드만 길어지고 더러워지기 때문에 이러한 경우에 반복문을 사용하여 코드를 간결하게 할 수 있습니다. 반복문의 종류로는 while문, do~while문, for문이 있습니다. while 문 while문은 조건식을 만족할 때까지 코드를 여러번 반복하여 실행할 수 있습니다. var 변수 = 초기값; while(조건식){ 자바스크립트 코드; 증감식; } while문의 기본 형태 예시이며, while문의 실행순서를 예시를 들어보겠습니다. while문 괄호 안의 조건식을 판별하고, 조건이 맞다면 ..
[JavaScript] 제어문 (2) - 선택문 switch문
·
Devlopment/JavaScript & jQuery
switch 문 여러 케이스들 중에서 해당값이 일치하는 경우에 해당하는 코드문을 실행합니다. 만약, switch 변수의 값이 값1과 동일하다면 코드 1이 코드문이 실행됩니다. 값1이 아닌 swtich 변수의 값이 값2와 동일하면 코드2가 실행됩니다. 마찬가지로 값3과 동일하면 코드3, 값4와 동일하면 코드4가 실행되며, 그 외의 값일 경우 default로 처리되어 코드 5가 실행됩니다. var 변수 = 초기값; switch(변수){ case 값1 : 코드1; break; case 값2 : 코드2; break; case 값3 : 코드3; break; case 값4 : 코드4; break; default : 코드5; } switch문 실습 예제 prompt를 사용하여 포털사이트 이름을 입력값을 받아서 swi..
[JavaScript] 제어문 (1) - 조건문(if, else, else if, 중첩 if)
·
Devlopment/JavaScript & jQuery
제어문이란? 프로그램의 흐름을 제어할 수 있도록 도와주는 문장을 뜻한다. 제어문에는 조건을 만족하는지의 여부에 따라 코드를 제어할 수 있는 조건문과 변수에 일치하는 경우의 값에 따라 코드를 제어할 수 있는 선택문 그리고 특정 코드를 여러 번 반복해서 실행할 수 있도록 하는 반복문이 있다. 조건문 조건문은 조건식의 값이 참(true) 혹은 거짓(false)인지에 따라 자바스크립트 코드를 제어합니다. 조건문의 종류로는 if문, else문, 그리고 else if문이 있습니다. if 문 조건식을 만족할 경우에만 코드를 실행합니다. Boolean() 내장 메서드와 마찬가지로 그 어떤 데이터를 입력해도 true 또는 false를 반환합니다. if문 사용 형식 if(조건식){ 자바스크립트 코드; } 제어문 : if문..
[JavaScript] JavaScript 시작하기 (4) - 연산자
·
Devlopment/JavaScript & jQuery
연산자란? 덧셈, 뺄셈, 곱셉, 나눗셈과 같이 컴퓨터에서도 다양한 계산 작업을 하기 위해 연산자를 사용합니다. 자바스크립트 프로그래밍에서 사용하는 연산자로는 다음과 같은 연산자가 존재합니다. 산술 문자 결합 대입(복합대입) 증감 비교 논리 삼항 조건 연산자 산술 연산자 더하기(+), 뺴기(-), 곱하기(*), 나누기(/), 나머지(%)가 있습니다. 연산을 하기 위해서는 데이터가 반드시 2개 있어야 합니다. 종류 기본형 설명 + A + B 더하기 - A - B 빼기 * A * B 곱하기 / A / B 나누기 % A % B 나머지 산술연산자 : + - * / % HTML 삽입 미리보기할 수 없는 소스 문자 결합 연산자 연산 대상 데이터, 즉 피연산자가 문자형 데이터입니다. 여러 개의 문자를 하나의 문자형 데..
[JavaScript] JavaScript 시작하기 (3) - 변수
·
Devlopment/JavaScript & jQuery
변수란? 변수(Variables)는 변하는 데이터, 값을 저장할 수 있는 메모리 공간을 뜻한다. 즉, 데이터를 담는 그릇이라고 할 수 있다. 변수에는 데이터가 오직 한 개만 저장된다. 그래서 새로운 데이터가 들어오면 기존에 있던 데이터는 메모리 공간에서 지워진다. 변수에 저장할 수 있는 자료형 문자형 (String) 숫자형 (Number) 논리형 (Boolean) 빈 데이터 (Null) 자바스크립트 변수 선언 방법과 변수 선언 시 주의사항 변수를 선언할 때는 var 혹은 let 키워드를 변수명 앞에 붙인다. var 변수명; // OR var 변수명 = 값; let 변수명; // OR let 변수명 = 값; 자바 스크립트 변수명 선언 시 주의사항 한글을 사용할 수 없습니다. 영문과 숫자 그리고 일부 특수 ..