Javascript

push()파라미터 필수 / 배열의 마지막에 값 추가 return 변경된 배열의 길이pop() 마지막 element 삭제 / return 반환값shift() 첫번째 값 삭제 / return 첫번째 값unshit() 파라미터에 원하는 값 추가(배열의 첫번째에 추가됨) /

출처 https://youtu.be/ZOVG7_41kJE?si=6V3c-ctH40mxdch1

클래스는 객체지향 프로그래밍에서 특정 객체(인스턴스)를 생성하기 위한 변수와 메소드(함수)를 정의하는 일종의 틀이다.==정보를 일반화해서 정리하는 방법이다.클래스로 인스턴스를 생성하면 클래스에 해당되는 객체가 생성된다.constructor로 인스턴스 무한생성가능클래스로

1) 발생 시킬때 -> 던진다고한다. (throw)2) 명시적으로 인지할때 -> 잡는다고 한다. (catch)

static키워드는 class 자체에 귀속된다. 객체에 귀속x = new 키워드 안쓰는 이유강의출처 https://youtu.be/ZOVG7_41kJE?si=Gao3ZNE0CzZhpRFv

상속은 객체들 간의 관계를 구축하는 방법이다. 수퍼클래스, 또는 부모 클래스 등의 기존의 클래스로 부터 속성과 동작을 상속받을 수 있다.부모는 자식에게 상속받지 못한다.instanceof 연산자instanceof 연산자를 사용하면 객체가 특정 클래스에 속하는지 아닌지를

override 사전적의미 : 기각하다, 중단시키다.= 덮어쓰기

객체를 선언할때 사용 할 수 있는 방법들object를 생성해서 객체 생성 - 기본기 {}class를 인스턴스화해서 생성 - class의 oopfunction을 사용해서 객체 생성

1 ) 데이터 프로퍼티 - 키와 값으로 형성된 실질적 값을 갖고있는 프로퍼티2 ) 액세서 프로퍼티 - 자체적으로 값을 갖고있지 않지만 다른 값을 가지거나 설정할 때 호출되는 함수로 구성된 프로퍼티 ex)getter setter3 )

JavaScript에서 var로 선언한 변수의 호이스팅(hoisting) 현상은 실행 컨텍스트(execution context)의 생성 단계에서 발생합니다. 자바스크립트는 코드를 실행하기 전에 두 단계를 거치는데, 이를 "생성 단계(creation phase)"와 "실

this 바인딩은 JavaScript에서 매우 중요한 개념 중 하나로, 함수나 메서드가 호출되는 방식에 따라 this가 가리키는 값(즉, this의 바인딩)이 결정됩니다. this의 값은 함수가 호출되는 실행 컨텍스트에 의해 결정되며, 다양한 방식으로 함수가 호출될 때

JavaScript의 Date 객체는 날짜와 시간을 다루기 위한 내장 객체입니다. 이 객체를 사용하여 특정 날짜와 시간을 나타내거나, 현재 날짜와 시간을 가져오는 등의 작업을 할 수 있습니다.getTime 메소드는 Date 객체가 나타내는 날짜와 시간을 밀리초 단위로

이벤트 루프(Event Loop)는 JavaScript의 비동기 동작을 가능하게 하는 중요한 개념입니다. JavaScript는 싱글 스레드 언어이기 때문에, 코드를 한 번에 한 줄씩 순차적으로 실행합니다. 그럼에도 불구하고, 웹 애플리케이션에서는 네트워크 요청, 타이머

인터프리터(Interpreter):인터프리터는 소스 코드를 한 줄씩 읽고 해석하여 실행합니다. 이는 각 줄을 실행할 때마다 번역 작업을 수행하기 때문에 실행 속도가 느릴 수 있습니다.예를 들어, JavaScript의 경우 브라우저나 Node.js에서 인터프리터로 작동하

에크마스크립트(ECMAScript)는 JavaScript의 표준화된 버전을 가리키는 용어입니다. JavaScript는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어 중 하나이며, 동적으로 타입이 결정되는 인터프리터 언어입니다. 하지만 여러 브라우저에서의 호환성 문제와

린트 도구는 코드의 품질을 향상시키고 일관성을 유지하기 위해 사용되는 도구입니다. 주로 코드 스타일 가이드를 준수하도록 도와주며, 잠재적인 버그나 오류를 사전에 찾아내는 데 도움이 됩니다. 여러 언어에 대해 다양한 린트 도구가 있지만, JavaScript의 경우 ESL

폴리필(Polyfill)은 새로운 기능을 지원하지 않는 오래된 브라우저에서 JavaScript 코드가 원활하게 실행될 수 있도록 기능을 추가하는 코드 조각입니다. 즉, 폴리필은 브라우저가 기본적으로 지원하지 않는 JavaScript 기능을 구현하여 해당 기능을 지원하지

웹팩(Webpack)은 모듈 번들러(Module Bundler)로, 프론트엔드 웹 애플리케이션을 개발할 때 자바스크립트, CSS, 이미지 등 다양한 리소스를 하나로 묶어서 처리할 수 있도록 도와줍니다. 웹팩은 애플리케이션에서 필요한 모든 리소스를 그래프로 표현하고, 이

DOM(Document Object Model)과 CSSOM(CSS Object Model)은 모두 웹 페이지의 구조와 스타일을 표현하는 객체 모델입니다.DOM(Document Object Model):DOM은 웹 페이지의 구조를 표현하는 객체 모델입니다. HTML,

다양한 케이스 변환 방식(Case Conversion)에는 각각의 사용 목적이 있습니다. 주로 프로그래밍에서 변수 이름을 지을 때나 데이터를 다룰 때 사용됩니다. 몇 가지 대표적인 케이스 변환 방식과 각각의 사용 목적은 다음과 같습니다:Camel Case: 여러 단어를

Array 메서드:push(): 배열의 끝에 하나 이상의 요소를 추가합니다.pop(): 배열의 마지막 요소를 제거하고 반환합니다.shift(): 배열의 첫 번째 요소를 제거하고 반환합니다.unshift(): 배열의 시작 부분에 하나 이상의 요소를 추가합니다.forEac

프로젝트 초기화: 먼저 리액트 프로젝트를 생성하고 필요한 종속성을 설치합니다. 예를 들어, create-react-app 명령을 사용하여 새로운 리액트 프로젝트를 생성할 수 있습니다.웹팩 설정: 리액트 애플리케이션을 빌드하기 위한 웹팩 설정 파일(webpack.conf

정적(static) 메서드는 클래스의 인스턴스를 생성하지 않고도 직접 클래스 이름을 사용하여 호출할 수 있는 메서드입니다. 클래스의 인스턴스와는 무관하며, 클래스에 속한 전역적인 동작을 정의하는 데 사용됩니다. 이러한 메서드는 일반적으로 클래스의 상태나 속성에 의존하지

promise

고차 함수(higher-order function)는 다른 함수를 인자로 받거나 함수를 결과로 반환하는 함수를 말합니다. 이러한 함수들은 추상화 수준을 높여 주어 더 유연하고 재사용 가능한 코드를 작성할 수 있도록 도와줍니다. 고차 함수는 함수형 프로그래밍 언어에서 매

JavaScript의 호출 스택(Call Stack)은 프로그램에서 함수의 호출과 실행을 추적하는 메커니즘입니다. 이는 자바스크립트 엔진이 함수 실행의 순서를 관리하는 방식입니다. 호출 스택은 LIFO(Last In, First Out) 방식으로 작동하는 스택 구조를

JavaScript의 스코프 체인(Scope Chain)은 변수 또는 함수를 참조할 때 JavaScript 엔진이 어떻게 그 식별자의 값을 찾아가는지를 설명하는 메커니즘입니다. 이는 코드의 현재 실행 컨텍스트에서 시작하여, 필요한 식별자(변수, 함수 등)를 찾을 때까지

클로저(Closure)는 JavaScript에서 매우 중요한 개념 중 하나로, 함수가 선언될 때의 환경(렉시컬 환경)을 기억하고, 그 함수가 나중에 어디서 호출되더라도 해당 환경에 접근할 수 있게 하는 기능입니다. 클로저를 통해 함수는 자신이 생성될 때의 스코프에 있는

JavaScript의 Temporal Dead Zone(TDZ)는 let 및 const 변수의 범위와 호이스팅과 관련된 JavaScript의 동작입니다. TDZ는 변수가 스코프 내에 있지만 아직 초기화되지 않아 접근할 수 없는 기간을 나타냅니다. 이는 var로 선언된

브라우저 js //window node // global\-> globalThis로 통합됨 strict모드\-> this 는 undefinedES2015모듈에서는 strict 자동적용this는 함수가 호출될 때 정해짐객체의 메서드로 호출하는 경우화살표함수는 부모의 th

Object.keys는 객체의 속성 이름(키)들을 배열 형태로 반환할 때 사용합니다. 이를 통해 객체의 모든 키에 대해 반복 작업을 수행하거나, 키의 배열을 필요로 하는 작업을 수행할 수 있습니다.객체의 모든 키를 순회하며 작업을 수행하고자 할 때 Object.keys

groupedData를 만드는 reduce 함수를 자세히 설명하겠습니다. 이 함수는 surveyData 배열을 순회하면서 questIdx 값을 기준으로 데이터를 그룹화하고, 각 그룹에 관련된 정보와 답변 리스트를 포함하는 구조를 만듭니다.초기값 설정:reduce 함수는

기본 패키지 매니저: Node.js를 설치하면 기본으로 설치되는 패키지 매니저입니다.간편함: 설정 없이 간단히 사용할 수 있습니다.광범위한 사용: 가장 널리 사용되며, 방대한 패키지 레지스트리가 있습니다.편리함: Node.js와 함께 설치되므로 추가 설치가 필요 없습니

배열을 조작할 때 가장 자주 쓰이는 메서드들입니다.객체를 다룰 때 필수적인 메서드입니다.배열 데이터: map(), filter(), reduce(), find(), some(), every()객체 데이터: Object.keys(), Object.values(), Obj