keywords for learn keywords for learn

구조 분해 할당 배열 분해하기 객체 분해하기 '...' 나머지 객체 중첩 구조 분해 구조 분해 할당 - 키를 가진 여러개의 데이터를 하나의 엔티티에 저장 시 객체를 사용합니다. - 데이터를 순서대로 저장 시 배열을 사용합니다. - 함수, 변수에 객체나 배열을 전달해야 하는 경우가 있는데 전체 데이터가 아닌 일부만 필요시 "구조 분해 할당" 문법을 사용할 수 있습니다. 배열 분해하기 - 인덱스 접근없이 변수로 사용이 가능합니다. - 할당 값이 없다면 undefined로 취급됩니다. - 반환 값이 배열인 메서드를 활용도 가능합니다. (ex.. split과 같은 메서드) let arr = ["JH","SON"] // 구조 분해 할당 방식 // 첫 번째 배열에는 JH, 두 번째 배열에는 SON이 할당됩니다. l..

함수형 프로그래밍 - 순수 함수를 만들어 모듈화 수준을 높이는 프로그래밍 패러다임을 말합니다. 부수 효과 - 외부의 상태를 변경, 함수로 들어온 인자의 상태를 직접 변경하는 것을 의미합니다. 순수 함수 - 부수효과가 없는 함수를 의미합니다. - 어떤 함수에 동일한 인자를 주엇을 때 항상 같은 값을 리턴하는 함수를 의미합니다. 순수함수, 비 순수함수 - 순수함수 - 어디에서 실행을 해도 리턴 값은 30이며 외부 상태를 변경하지 않습니다. function add(a,b){ return a+b; } console.log( add(10,20) ); - 비 순수함수 - 함수내에서 외부의 변수 값이 변하면 결과값도 달라집니다. - 만약 c가 상수라면 add() 함수는 순수함수입니다. let c = 10; funct..

Optional chaining(옵셔널 체이닝) - ES11(ECMA2020)에서 추가된 연산자입니다. - ?. 을 사용하면 프로퍼티가 없는 중첩 객체를 에러없이 안전하게 접근가능합니다. - 좌항의 피연산자가 null 또는 undefined인 경우, undefined를 반환하고 그렇지 않은 경우에 우항의 프로퍼티를 참조합니다. let chaning = {}; console.log( chaining?.opt?.optional ); // undefined let chaining = null; console.log(chaining?.opt); //undefined console.log(chaining?opt.optional); //undefined Optional chaining 주의사항 옵셔널 체이닝 남용금..

Javascript 타입 종류 JS 메모리 주소 공간 동적 타입 원시 타입 참조 타입 JS 메모리 주소 공간 - 프로그램이 실행될 때 자바스크립트 엔진은 세 개의 메모리 공간을 가집니다. - Code Area: 실행 예정인 JS 코드를 저장하는 공간입니다. - Call Stack: 실행 중인 함수를 찾아 계산을 수행하고, 지역 변수를 저장합니다. 변수들은 LIFO(Last In First Out)형식으로 저장되며, 원시 타입들이 이 곳에 저장됩니다. - Heap: 참조 타입들이 이 곳에 할당됩니다. Heap의 메모리 할당은 LIFO 형시에 따르지 않고 랜덤하게 들어갑니다. 동적 타입 - JS는 타입이 유연한 동적언어입니다. - JS의 변수는 특정 타입과 연결되지 않으며 모든 타입의 값으로 할당 및 재할당..