Ella 프론트엔드일지

0. strict 모드 오타나 문법 지식의 미비로 인한 실수를 줄여 안정적인 코드를 생산하기 위해 ES5에 추가된 모드이다. strict mode는 자바스크립트 언어의 문법을 좀 더 엄격히 적용하여 오류를 발생시킬 가능성이 높거나 자바스크립트 엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러를 발생시킨다 🔸사용 방법 스크립트 최상단에 "use strict" 를 위치시킨다. "use strict"; 🔸strict 모드를 통해 예방할 수 있는 것 1️⃣암묵적 전역변수 예방 - 변수를 선언하지 않고 사용하는 암묵적인 전역 변수를 방지합니다. - 변수를 명시적으로 선언하고 스코프를 지정함으로써 예기치 않은 변수 선언을 방지하고 코드의 가독성과 유지보수성을 향상시킵니다. 2️⃣ 함수의 동일한..

해당 게시글은 맨 밑의 참고자료 링크를 기반으로 재구성한 것입니다. 0. 객체지향 프로그래밍 객체지향 프로그래밍은 프로그램을 명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍의 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 즉 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임을 말한다. (모든 것이 객체로 그룹화된다) 사람이 세계를 보고 이해하는 방법과 흡사하다. 현대의 프로그래밍 언어 대부분이 해당한다(Java,C++,C# 등) (프로그래밍에서 필요한 데이터를 추상화 시켜 상태와 행위를 가진 객체로 만들고, 객체들간의 상호작용을 통해 로직을 구성하는 프로그래밍) 이미지 출처 : https://www.reddit.com/r/ProgrammerHumor/comments/418x95/..

0.프로토타입 프로토타입은 객체가 다른 객체로부터 속성과 메서드를 상속받기 위한 템플릿 역할을 한다. 자바스크립트에서 모든 객체는 프로토타입을 가지며, 이를 통해 다른 객체의 속성과 메서드를 공유할 수 있다. 🔸프로토타입 객체 자바스크립트에서 어떤 객체는 반드시 부모 객체를 가지며, 이 부모객체를 프로토타입이라고 한다. 즉, 어떤 객체의 상위(부모) 객체의 역할을 하는 객체로서 다른 객체에 공유 프로퍼티(메서드 포함)을 제공한다. 프로토타입을 상속받은 하위(자식) 객체는 상위(자식) 객체의 모든 속성(프로퍼티)를 사용할 수 있다. 🔸[[Prototype]] : 프로토타입 링크 프로토타입 객체를 가리키는 내부슬롯으로 사용자가 직접 접근 X, __proto__접근자를 통해 간접적으로 접근 가능 🔸__prot..

0. 프로그래밍 패러다임 - 프로그래밍 패러다임은 프로그래밍을 어떻게 접근하고 문제를 해결하는데 사용되는 기본적인 철학이나 방법론을 의미함 - 간단히 말하자면, 프로그래머들이 코드를 작성하는 방식과 관련된 규칙과 원칙의 집합이다. - 절차지향 프로그래밍(프로그램을 일련의 절차나 단계로 구분하고, 각 단계에 필요한 기능을 함수로 구현하는 방식 ex: C언어), 객체지향 프로그래밍, 함수형 프로그래밍, 함수형 반응형 프로그래밍과 같은 것들을 프로그래밍 패러다임이라고 한다. 프로그램을 만들 때도 원하는 목표에 따라서, 적절한 방법과 기법을 활용해서 프로그램을 만들어나가게 된다. 함수형 특화된 언어는 아래와 같다. 객체지향 프로그래밍 + 함수형 프로그래밍에서 사용하는 몇가지 특징을 접목한 프로그래밍 언어가 있다..

✅면접 질문을 위한 요약본 1) 일급객체 - 일급시민처럼 어떠한 특별한 혜택을 받는 것이 아니라, 사용할 때 다른 요소들과의 아무런 차별이 없다는 것을 뜻한다. 2) 일급객체 충족하는 조건 - 변수에 데이터를 담을 수 있어야한다. (함수 표현식 이용) - 함수의 파라미터로 전달 할 수 있어야한다. (콜백함수 형태로 자유롭게 이용가능) - 함수의 리턴값으로 사용할 수 있어야한다. 0. 일급객체(first class object) 일급객체를 알아보기 전에 first class citizen, second class citizen 은 무엇일까? first class citizen 이란 자유롭게 거주하고 일 할 수 있고, 출입국의 자유를 가지며, 투표의 자유를 가지는 시민이다. second class citiz..

0. 생성자 함수 생성자 함수란 new 연산자와 함께 호출하여 객체를 생성하는 함수를 말한다. 생성자 함수에 의해 생성된 객체를 인스턴스라고 한다. 자바스크립트는 Object 생성자 함수 이외에도 String, Number, Boolean, Function, Array, Date, RegExp, Promise 등의 빌트인 생성자 함수를 제공한다. 아래 예제는 Object 생성자 함수로 객체를 생성하는 방법이다. const obj = new Object(); // 동적 프로퍼티 추가 obj.id = 'leo'; obj.velog = function () { console.log('Hello Velog'); } console.log(obj); // { id: 'Leo', velog: [Function (an..