JavaScript

반복문

1. for문 for ( 초기화한 변수값; 조건; 증감 표시 ) { 수행할 명령 } 조건이 거짓이 될 때까지 명령을 실행한다. ↑ 예제 설명 변수 i 선언 후 값을 0이라 넣고, i가 10보다 작다는 조건을 건 후, i를 1씩 증가시킨다. 이후 i가 9가 될 때까지 명령을 실행한 후, 조건이 거짓이 되면(i가 10보다 크거나 같아지면) 명령을 실행하지 않는다. *주의할 점 for문 안의 변수는 반복문을 실행하면서 계속해서 변경된 값을 저장할 것이므로 const가 아닌 let을 사용합니다. 2. While문 while ( 조건 ) { 수행할 명령 } for문에 변수와 증감 표시를 괄호 바깥으로 뺀 형태이다. 마찬가지로 조건이 거짓이 될 때까지 명령을 실행한다. 3. Do~While문 do { 수행할 명령 ..

if 조건문

if 조건문이란? 주어진 조건에 따라 결과값을 출력하는 구문이다. 조건으로는 비교 연산자 또는 논리 연산자를 사용한다. 조건문의 형태 if문 조건이 참이라면 중괄호 안의 코드를 실행한다. if~else문 조건이 true면 if문을, false면 else문 실행한다. else if문 여러 개의 조건문을 생성할 때 사용한다. 조건이 true면 if문을, false면 else if문을 실행한다. 여러 개의 조건문을 검사하면서 한번이라도 참이 나온다면 그 이후의 조건문 실행하지 않는다. 중첩 if문 if문 안에 또다른 if문을 삽입할 때 사용한다. 중첩된 if문은 상위 if문이 참일 때 실행된다.

연산자 정리

①산술 연산자 +, -, *, /, % 사칙연산 연산자이다. 숫자뿐만 아니라 문자열도 사용 가능하다. + - * / % 더하기 빼기 곱하기 나누기 나눗셈의 나머지 값을 도출 ※ 더하기 연산자는 문자열의 경우 덧셈이 아닌 연결의 개념으로 사용된다. 예) "20" + "10" = 2010 ②증감 연산자 ++, -- ++ -- 1씩 증가 1씩 감소 ※ 연산자의 위치(앞이냐 뒤냐)에 따라 의미가 달라지므로 구분에 주의하자. 앞에 붙었을 경우 → 증가/감소한 상태로 화면에 출력된다. 뒤에 붙었을 경우 → 화면에 출력된 후 증가/감소한다. 즉, 화면에 출력된 값과 최종값이 다르다는 의미. var num = 10; // 증감 연산자를 앞에 붙였을 때 console.log(++num); // num+1 후 num 출력..

데이터 타입6 - Undefined, Null

Undefined 변수가 만들어졌지만 데이터를 입력하지 않은 상태. 즉, 정의되지 않음. const unde; // undefined Null = nothing 개발자가 임의로 변수 안에 빈 데이터를 삽입한 상태 (빈 데이터를 지정한 것) const empty = null; // null

데이터 타입5 - 함수 Function

함수의 구성요소 첫번째 매개변수에는 첫번째 인수가 전달되고, 두번째 매개변수에는 두번째 인수가 전달된다. 매개변수 = 인자(parameter) : 인수 값이 들어가는 통로 (생략 가능). 매개변수는 함수 안에서만 존재할 수 있다. 인수(arguments) : 함수에게 전달하는 데이터 return : 함수 안에 데이터를 저장할 때 사용 함수 생성법 1 const func1 = function() { console.log("Func1"); } // 함수 생성 func1(); // 함수 호출 함수 생성법 2 function func1() { console.log("Func1"); } // 함수 호출 func1(); // 함수 호출

데이터 타입3 - 객체 Object

객체란? 객체란 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입이다. 즉, 이름(key)과 값(value)으로 구성된 프로퍼티(또는 메소드)의 집합이다. 프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드라고 한다. 여러 종류의 데이터 타입을 삽입 가능하다. const user = { name: "yunji", //프로퍼티 age: 26, //프로퍼티 sum: function(num1, num2){ //메소드 return num1 + num2 } }; // 프로퍼티 데이터 출력하기 console.log(user.name); // 객체명.프로퍼티명 console.log(user['name']); // 객체명["프로퍼티명"] // 메소드 데이터 출력하기 console.log(..

데이터 타입2 - 배열 Array

Array란? 배열은 비슷한 성격을 가지고 있는 데이터를 하나의 변수 안에서 관리하는 데이터 타입이다. 각각의 값(value)에 좌표값(index)를 부여하여 해당 데이터를 불러오는 구조이다. 인덱스 값은 0부터 시작한다. const daysOfWeek = ["mon", "tue", "wed", "thu", "fri"]; console.log(daysOfWeek[0]); // -> "mon" console.log(daysOfWeek[2]); // -> "wed" // 배열 안의 배열 요소에 접근하기 let fruit = [['apple', 1], ['banana', 3], ['melon', 5]]; console.log(fruit[1][0]) // => banana Array의 특성 배열은 접근에 굉장히..

데이터 타입1 - 불리언 Booleans

불리언(boolean) 값 : true / false 불리언은 논리학에서 참과 거짓을 나타내는 데 사용한다. 또한 논리 연산(logical operation)이라는 주어진 논리식을 판단하여 참과 거짓을 결정한다. 진리표(truth table) 논리 연산의 결과. A B 논리합 A∨B 논리곱 A∧B 논리부정 ￢A /￢B 1 (true) 1 (true) 1 (true) 1 (true) 0 (false) / 0 (false) 1 (true) 0 (false) 1 (true) 0 (false) 0 (false) / 1 (true) 0 (false) 1 (true) 1 (true) 0 (false) 1 (true) / 0 (false) 0 (false) 0 (false) 0 (false) 0 (false) 1 (..