rosie

1. 배열 배열(array)은 같은 타입의 변수들로 이루어진 유한 집합으로 정의됩니다. 배열 자료형의 형태는 대괄호 [] 와 괄호 사이의 요소들로 구성됩니다. 요소가 없는 대괄호[] 는 빈 배열을 의미합니다. 배열에 요소들을 나열하는 경우 콤마(,)를 통해 구분합니다. => [요소1, 요소2, 요소3, ...] ex) [] -> 빈 비열 / [1, 2, 3] / [1. 'A', "a", true, null] 배열도 변수 대입이 가능합니다. 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자는 인덱스(index)라고 합니다. 배열 내부의 특정 위치에 있는 요소로 바로 접근할 때에는 인덱스(index)가 반드시 필요합니다. 인덱스란 배열 안에 위차한 요소의 좌표..

1. 자료형 변환 자바스크립트에서는 자료형 간 변환을 지원합니다. 숫자형 변수값을 문자형으로 변환하거나 문자형 변수값을 숫자형으로 변환할 수 있습니다. => 이를 자료형 변환(type coercion) 또는 형 변환이라고 합니다. 자료형을 변환하기 위한 방법으로는 개발자가 직접 명시적으로 자료형을 변환하거나, 자바스크립트 엔진에 의해 자동으로 자료형이 변환되는 방법이 있습니다. 보통 console 로 값을 문자열로 출력할 때, 내장 객체의 함수나 연산자를 사용하여 자료형 변환이 가능합니다. 엔진에 의해 자동으로 자료형이 변환되는 것은 자바스크립트가 동적 자료형 언어이기 때문에 적용되는 특징입니다. => 개발자가 작성한 코드가 어떠한 의도를 품고 있던 간에 자바스크립트가 미리 정해놓은 규칙에 따라 자료형이..

1. 논리 연산자 논리 연산자(Logical Operators)는 어떠한 명제에 대한 논리적인 판단을 내리는 연산자입니다. 참 또는 거짓의 값을 받아 논리적 연산의 결과로 true, false를 반환합니다. 종류 AND 연산자(&&) 표현식1 && 표현식2와 같아 작성합니다. 표현식1과 표현식2 모두가 참인 경우 true를 반환하고 그렇지 않은 경우 false를 반환합니다. OR 논리 연산자(||) 표현식1 || 표현식2와 같이 작성합니다. 표현식1, 표현식2 둘 중 하나가 참인 경우 true를 반환합니다. NOT 논리 연산자(!) !표현식으로 작성합니다. true를 !로 부정(Not)하면 false가 되고 false를 !로 부정하면 true가 됩니다. !! 연산자 not 연산자에 한 번 더 not 연산..

1. 산술 연산자 표준 산술 연산자(덧셈, 뺄셈, 곱셈, 나눗셈)가 있습니다. 산술 연산자를 통해 숫자형 값을 계산할 수 있습니다. 10 + 5 // 15 10 - 5 // 5 10 * 5 // 50 10 / 5 // 2 자바스크립트의 산술 연산자는 숫자형 값 연산 외에 다른 연산도 가능합니다. 덧셈 연산자인 경우 문자형에 사용 가능하며 이때 두 개 이상의 문자열을 이어 붙일 수 있지만, 나눗셈, 곱셈, 뺄셈에서는 문자열을 사용할 수 없습니다. 산술 연산자에 = 연산자를 함께 사용하는 산술 등호 연산도 가능합니다. let x = 10 x += 5 x *= 2 console.log(x) // 30 const y = 10 y -= 5 y /= 5 console.log(y) // 1 나머지 연산자(%), 거듭..

1. 숫자형(Number) 숫자 형태를 가진 데이터입니다. 다른 프로그래밍 언어와 달리 숫자의 형태를 구체적으로 나눠 정의하지 않습니다. 정수, 부동 소수점, 작은 수, 큰 수 등 여러 유형의 숫자를 숫자형(Number) 하나로 정의합니다. 64-bit Floating Point(63비트 부동 소수점) 국제 IEEE 754 표준에 의해 정의된 방식으로, 숫자 값을 64bit 정보로 저장합니다. 숫자는 비트 0~51에 저장되고, 지수는 비트 52~62, 부호는 비트 63에 저장됩니다. ex) 13을 자바스크립트로 표현하면 컴퓨터는 숫자를 비트로 변환하여 메모리에 저장합니다. 숫자형으로 분류되지만 일반적인 숫자와 다른 역활을 수행하는 값이 있습니다. Infinity : 무한대를 의미하며 다른 어떤 수보다 가..

1. switch 형태 switch (표현식) { case 값1: 명령문1 break case 값2: 명령문1 break default 명령문3 } 중괄호 {} 로 둘러싸인 블록 형태를 띠고 있고, 중괄호 안에는 case문이 있습니다. switch 의 표현식은 case 의 값과 일치 여부를 확인하고 이때 === 일치 연산자를 사용합니다. === 일치 연산자는 값과 자료형을 모두 비교하고, 결과 값으로 true 또는 false를 반환합니다. case문이 있는 경우, 위에서 부터 순차적으로 일치한 값이 나올 때까지 case 값을 확인하면서 내려갑니다. case값이 일치하면 해당 명령문을 실행합니다. break는 다음의 코드들을 더 이상 실행하지 않고, switch 조건문을 끝내는 역할을 합니다. 일치하는 c..

1. 조건문 어떤 조건이 참인지 거짓인지에 따라 실행 여부를 결정하는 구문을 말합니다. 조건문은 대표적으로 if, switch가 있습니다. 2. if 조건문 형태 if (표현식) { 명령문 } if 조건문은 표현식을 소괄호 () 로 둘렀나 형태를 가집니다. 표현식에는 의사결정을 할 수 있는 조건문을 작성합니다. 결과 값은 항상 불린형 값으로 반환되며 if 조건문의 결과 값이 true인 경우에만 명령문이 실행됩니다. const result = true if (result) { cosole.log("result가 참 입니다.") } // result가 참 입니다. if (!result) { console.log("실행되지 않습니다.") } if (result) { console.log("result의 결과"..

1. 자바스크립트 문장 구조 코드(Code) 문법을 토대로 단어의 조합으로 하나의 문장을 만들어내는 사람의 언어처럼 프로그래밍 언어도 문장을 구성하는 문장을 코드라 합니다. 코드를 구성하는 가장 작은 기본단위는 값, 변수, 연산자, 키워드입니다. => 이 요소가 모여서 하나의 문장을 만듭니다. 구문 패턴 표현식(Expressions) 값을 생성합니다. 표현식은 모두 어떤 값을 이행하지만, 개념적으로는 두 가지로 나뉩니다. 부수 효과가 있는 표현식 ex) x = 7 평가하면 어떤 값으로 이행하는 표현식 ex) 3+4 명령문(Statements) 일종의 행동 또는 행우를 수행하게 하는 코드입니다. if, if-else, for 등이 있습니다. 표현식 명령문(Expression Statement) 프로그래밍에..

1. eslint 적용하기 eslint란 코드의 규칙을 검사하는 오픈 소스 프로젝트 입니다. 코드를 분석해 문법적인 오류나 안티 패턴을 찾아주고 일관된 코드 스타일로 유지해 줍니다. VSCode 에 확장 기능에서 ESLint 를 검색 후 설치 합니다. 설치 후 터미널에 아래의 코드를 입력합니다. npm i -D babel-eslint eslint eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard​ .eslint 라는 파일을 생성됩니다. parser: eslint 의 입맛에 맞게 코드를 읽고 변환해줍니다. parserOptions: 읽어올 코드에 대한 정보를 나타냅니다. plugins: 기본 규칙외에 부가..

선언 키워드 var, let, const 의 차이점 ES5까지는 변수를 선언할 수 있는 키워드가 var 뿐이었고, ES6에서 let, const 키워드가 추가되어 이를 이용하여 변수를 선언할 수 있습니다. var는 함수 레벨 스코프이고 let, const 는 블럭 레벨 스코프입니다. var 로 선언한 변수는 선언 전에 사용해도 에러가 나지 않지만 let, const는 에러가 발생합니다. console.log(num) // undefined var num = 10 위의 코드의 실행단계는 var num 으로 먼저 선언이 되고 console.log(num)에는 아무런 값이 없으므로 undefined 상태로 결과가 출력됩니다. 마지막으로 var num = 10 여기에서 할당이 일어나게 됩니다.console.lo..