🎨 Programming/JavaScript
[JavaScript] 7. 반복문( continue/ break/ 중첩 반복문)
4. continue 문 반복 중인 루트 내에서 사용하여 해당 루프의 나머지 부분을 건너뛰고, 다음 조건식의 판단으로 넘어가게 합니다. 보통 반복문 내에서 특정 조건에 대한 처리를 제외하고자 할 때 사용합니다. for(let i=1; i
🎨 Programming/JavaScript
🎨 Programming/JavaScript
[JavaScript] 6. 반복문( while/for )
# 제어문 프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문을 의미합니다. ● 반복문 프로그램 내에서 같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문입니다. 1) while문 2) for문 1. while 문 특정 조건식이 참인 동안 계속해서 주어진 실행문을 반복합니다. while(조건식){ 조건식의 결과가 참인 동안 반복될 실행문; } 예시 1) 예시 2) 예시 3) 2. do ~ while 문 while문은 루트에 진입하기 전에 먼저 조건식부터 검사를 합니다. 하지만 do ~ while문은 먼저 루프를 한 번 실행한 후에 조건식을 검사합니다. do { 조건식의 결과가 참인 동안 반복될 실행문; } while(조건식); 예시 ) 3. for 문 for문 while문과 달리 자체적..
🎨 Programming/JavaScript
[JavaScript] 5. 조건문( if/switch )
# 제어문 프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문을 의미합니다. ● 조건문 프로그램 내에서 주어진 조건문의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다. 1) if문 : 범위에 대한 조건식을 사용할 때 유리 2) switch문 : 특정 값과 일치하는 값을 찾을 때 유리 1. if 문 조건식의 결과가 참(true)이면 주어진 실행문을 실행하고, 거짓(false)이면 아무것도 실행하지 않는 문장입니다. if(조건식){ 조건식의 결과가 차일 때 실행할 문장; ... } 예시) 2. if ~ else 문 if 문과 같이 사용할 수 있는 else문은 if문의 조건식의 결과가 거짓(false) 일 때 실행문을 실행합니다. if(조건식){ 조건식의 결과가 참일 때 실행할 문장; }e..
🎨 Programming/JavaScript
[JavaScript] 4. 연산자(Operator)
1. 산술 연산자 산술 연산자는 사칙연산을 다루는 가장 기본적인 연산자입니다. + 덧셈 - 뺄셈 * 곱셈 / 나눗셈 % 나눈 나머지 값 (예 : 10 % 3 = 1) ** 거듭제곱 예시) 2. 비교 연산자 비교 연산자는 피 연산자 사이의 상대적인 크기를 판단하여 참 또는 거짓을 반환합니다. > 왼쪽의 값이 오른쪽의 값보다 크면 참을 반환합니다. = 왼쪽의 값이 오른쪽의 값보다 크거나 같으면 참을 반환합니다. true === 두 식의 값이 같고, 타입까지 같으면 참을 반환합니다. ex ) "10" == 10 -> false != 두 식의 값이 다르면 참을 반환합니다. (타입의 관계가 없음) ex ) 10 != "5" -> true // 10 != 5 -> true !== 두 식의 값이 같지 않고, 타입까지..
🎨 Programming/JavaScript
[JavaScript] 3. 자바스크립트의 타입 변환 & 대화 상자
# 자바스크립트의 타입 변환 let a = 10; // number 형 let b = "5"; // string 형 console.log(a + b); // 105 도출 console.log(a * b); // 50 도출 * 자바스크립트의 변수는 타입이 고정되어 있지 않으며, 같은 변수에 다른 타입의 값을 대입할 수 있습니다. let a = 10; // number 형 a = "JavaScript"; // string 형 1. 묵시적 타입 변환 (자동 형변환) 자바스크립트에서는 특정 타입의 값을 기대하는 곳에 다른 타입의 값이 오면, 자동으로 타입을 변환해서 사용합니다. let a = "10"; let b = "20"; let result = a + b; // "1020" result = a - b; /..
🎨 Programming/JavaScript
[JavaScript] 2. 변수/상수 & 데이터 타입
# 변수(Variable) 변수란 데이터를 저장할 수 있는 메모리 공간을 의미합니다. 값은 변경될 수 있습니다. let 키워드를 사용해 변수를 선언하고 선언되지 않은 변수를 사용하려고 하거나 접근하려고 하면 오류가 발생합니다. ● let let 변수명; // 변수의 선언 변수명 = 값; // 변수의 초기화 let 변수명 = 값; // 변수의 선언 및 초기화 ex) let num; num = 10; * let은 변수에 재할당이 가능하다. 데이터를 저장할수록 낭비가 된다. 10은 heep메모리에 저장되며 num 은 heep을 가리키게 된다. 예시 1) * let은 'num' 같은 변수명을 사용할 경우, Error가 발생된다 let과 var의 차이점!!! ▼▼▼ ★ if문 내에서 num은 지역변수로 사용되므로..
🎨 Programming/JavaScript
[JavaScript] 1. 자바스크립트 기초 (ECMA6기준)
자바스크립트(JavaScript)란? 자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어입니다. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있습니다. 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있습니다. 현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있습니다. ● 자바스크립트의 특징 1. 웹의 동작을 구현하기 위한 언어입니다. 2. 웹 브라우저에서 작동합니다. -> (단, Node.js 서버에서도 동작 가능) 3. 웹 브라우저에는 자바스크립트 엔진(인터프리터)가 내장되어 있습니다. 4. 자바..
