-

데이터 분류1. 원시 타입(Primitive Type)원형데이터로 더 이상 단순화 할 수 없는 값으로 데이터 및 정보의 가장 단순한 형태Boolean, String, Number, Undefined, Null, Symbol2. 객체 타입(Object Type) 참조데이터로 기본 타입을 제외한 모든 타입이 포함원형 데이터가 아닌 다른 데이터를 참조하는 데이터Array, Object, Date...데이터 타입 종류타입설명number숫자로 된 자료형- 정수와 실수 구분없이 모든 숫자 자료형을 number로 간주string문자열로 된 자료형boolean- true: any other value- false : 0, null, undefined, NaNnull명확하게 빈 값인 경우 ※ type은 object 에 ..

배열자바스크립트의 기본 데이터 타입 객체의 한 종류[] 안에 데이터 입력배열의 요소는 자료형에 제한이 없음 (boolean, 숫자, 문자열, 배열, 객체 등을 가질 수 있음객체와는 달리 데이터를 요소로만 저장하는 형태 배열 초기화// 빈 배열const arr1 = []// 데이터가 있는 배열 정의const arr2 = [2,3,1]// 배열 안에 배열 정의const arr3 = [[11,22], [33,44]]// 배열 안에 객체 정의const arr4 = [{name :'a'}, {name:'b'}]// new Array 활용 (단, 인수를 1개 정의 시 배열에 넣을 수 있는 데이터 수가 결정됨)const arr5 = new Array('1', '2')배열 요소 접근메서드설명반환배열[해당 요소의 ind..

숫자 표현 자바스크립트의 기본 데이터 타입 중 하나로 정수와 소수를 사용하며, 타입은 Number 16진수, 10진수, 8진수, 2진수의 표현이 가능 최대 표현 범위가 정해져 있다 MIN_SAFE_INTEGER ~ MAX_SAFE_INTEGER를 벗어난 값은 계산 결과에 오차가 발생' 정수 결과 설명 Number.MAX_VALUE 1.7976931348623157e+308 최대 정수 값 Number.MIN_VALUE 5e-324 최소 정수 값 Number.MAX_SAFE_INTEGER 9007199254740991 다룰 수 있는 최대 정수값 Number.MIN_SAFE_INTEGER -9007199254740991 다룰 수 있는 최소 정수값 부정확한 결과로 반환 되는 수 계산 시 부적절한 결과로 반환되는..

클래스 객체 지향 프로그래밍언어에서 객체를 효율적으로 사용가능하게 하는 문법 추상화 : 프로그램에서 필요한 요소만을 사용하여 객체를 표현하는 것 객체 지향 프로그래밍 : 객체들을 정의하고 객체를 활용하여 프로그램을 만드는 것 인스턴스(객체) : 클래스를 기반으로 생성한 객체 클래스 생성 클래스를 기반으로 만든 객체를 기본적으로 인스턴스(객체)라고 부름 // [형식] 클래스 생성 class 클래스명 { // 클래스명은 대문자로 시작 } // 클래스 생성 [형식] const temp = new 클래스명 생성자 (Constructor) 객첼를 초기화하고 클래스의 속성을 설정 객체가 클래스로 부터 생성될 때 자동으로 호출 생성자 이름은 항상 constructor로 정의 생성자의 주요역할 1. 객체 초기화 : 클..

속성 존재 여부 확인 객체에 없는 속성 접근 시 undefined가 리턴 되므로 해당 조건을 통한 존재여부 확인 가능 특정 속성이 false로 반횐될 수 있는 값(0, false,빈 문자열)이 아닐 떄에는 단순 조건문 처리로 처리 const person = { name: 'John', age: 20, hobby: '', }; person.gender === undefined ? console.log('속성 존재하지 않음') : console.log('속성 존재'); // false로 반환될 수 있는 경우를 대비한 전제한 상태로 조건 처리 person.hobby || console.log('속성존재') // false로 변환될 수 있는 값이 들어오지 않을 것이라는 전제가 있을 시 기본 속성을 지정해둠 pe..

객체 접근대괄호[] 또는 점(.)을 사용하여 접근, 주료 사용되는 방법문자열로 지정한 키 접근 시 대괄호를 사용하여 접근존재하지 않는 객체 접근 시 undefined 반환// [형식] 객체명.키, .뒤에 키 이름produce.name// [형식] 객체명[키], []안에 키 이름을 문자열로produce['name'] 객체 변경대괄호[] 또는 점(.)을 사용하여 접근문자열로 지정한 키 접근 시 대괄호를 사용하여 접근// [형식] 객체명.키 = 값produce.name = 'john'// [형식] 객체명[키]=값produce[name] = 'john'const person1 = { name: 'john', age: 20, married: false,};person1.age++;person1['name']..

Timer 함수일정 시간마다 특정 구문을 실행하고자 할 때 사용하는 기능타이머 함수는 모두 전역 객체인 window에 포함되어 있음setTimeout()일정 시간이 지난 후 한 번만 실행// [문법]setTimeout(함수, 지연시간(ms), 인자1, 인자2, ...);// [문법]setTimeout(() => { // 원하는 작업 코드 }, 지연시간);인자설명함수지정한 시간이 지난 후 실행할 함수 (콜백 함수)지연시간(ms)몇 밀리초(ms) 후에 실행할지 (1000 = 1초)인자1, 인자2, ...(선택) 콜백 함수에 전달할 추가 값들 clearTimeout()setTimeout()이 만든 타이머를 취소하는 함수setTimeout()을 실행하면 고유한 ID가 반환되는데, 그 ID를 clearT..

클로저(Closure) '함수와 + 그 함수가 선언된 환경(변수들)의 조합을 의미함수가 생성될 당시의 외부 변수(환경)를 기억하고, 그 함수가 나중에 호출되더라고 그 변수들에 접근할 수 있는 함수함수가 자신이 필요로 하는 외부 데이터를 ‘숨겨서’ 기억하고, 필요할 때 꺼내 쓸 수 있게 하는 기능✓ Clos → "Close" (sure) → "Sure" = 확실하게 "가까이 다가가서 확실하게 담아두는 것"✓ liken : 카메라가 어떤 장면에 클로즈업해서 중요한 디테일(변수)을 찍음 촬영이 끝나도, 그 장면은 사진(메모리) 안에 계속 저장 원본 장면(함수 본문)은 사라졌지만, 사진 속 정보(변수 상태)는 계속 꺼내볼 수 있음* 렉시컬 환경(Lexical Environment)함수가 만들어질 때 ..

매개변수 (Parameter)함수를 선언할 때 사용하는 변수로, 함수가 어떤 값을 받을 수 있는지 정의하는 부분✓ 함수를 선언할 때 옆에 붙어서 받을 준비(prepare)만 하는 변수function add(x, y) { // x, y: 매개변수(parameter) = 받을 준비만 함 return x + y;}인자 (Argument)함수를 호출할 때 실제로 전달하는 값이나 표현식 add(3, 5); // 3, 5: 인자(argument) = 실제로 넣은 값

반복문같은 코드를 여러 번 실행할 때 사용되는 구조for 문가장 기본적인 반복문시작 값, 조건, 증감식을 명시적으로 지정하여 반복사용 시기 : 반복 횟수가 명확할 때, 인덱스 필요할 때 , 배열, 숫자 범위 등에서 유용.// [문법]for (초깃값; 반복문 조건; 증감식) { 반복처리 내용}for (let i = 0; i for...in 문 객체(Object)의 키(key) 를 순회할 때 사용반환값 : 객체의 속성 이름(key), 배열의 인덱스 for of 나 for문을 대신 사용하기를 권장 배열(배열의 인덱스(index) 순회)에도 사용할 수 있지만, 권장되지 않음 (인덱스 순서 보장 X)사용 시기 : 객체 속성(key) 순회 시 ✓ 배열이나 객체안에(in) 키들을 하나씩 꺼내서 뭔지 확인하는 것배열에..