필요성 / 중요성 리액트 컴포넌트 렌더링이 일어나는 중요 원인 중 하나가 props의 동등 비교에 따른 결과이다. JS에서의 동등비교가 일어나는 로직에 대해 잘 알고 있어야 렌더링 방지 및 렌더링 최적화 등의 기능을 올바로 활용할 수 있다. 데이터 타입 / 값을 저장하는 방식의 차이 원시 타입(primitive type)과 객체 타입(object/reference type)이 있는데, 객체를 제외한 모든 것들이 원시 타입에 속한다. 원시 타입은 불변 형태의 값으로 저장되고, 객체 타입은 변경 가능한 형태로 저장이 된다. 객체는 눈에 보이는 value가 동일하더라도 참조가 다르기 때문에 값이 같지 않다. 그러나 같은 value는 동일한 주소에 저장이 되기에 비교 결과가 같게 나온다. const hello1..

브라우저 HTML, CSS, JS를 실행하여 렌더링하는 것이 주요 목적으로 Client-side APIs(DOM, BOM, Canvas, XMLHttpRequest, fetch, SVG, Web Storage...)를 제공한다. node.js 브라우저 외부에서 JS 실행이 주요 목적으로 브라우저와 동일하게 ECMAScript를 제공하지만, Client-side APIs 대신에 Node.js 고유의 API를 제공한다.

자바스크립트의 특징 중 하나는 인터프리터 언어라는 것이다. 인터프리터 언어 vs 컴파일러 언어 실행이전 작업 코드가 실행되는 단계인 런타임에 문 단위로 한 줄씩 중간코드인 바이트코드로 변환 후 실행 코드가 실행되기 이전 단계인 컴파일 타임에 소스코드 전체를 머신 코드로 변환 후 실행 실행파일 인터프리터는 실행파일을 생성하지 않고 컴파일러는 생성한다. 단계의 분리 인터프리트 단계와 실행 단계가 분리되어 있지 않아서 한 줄씩 바이트코드로 변환하고 즉시 실행한다. 컴파일 단계와 실행 단계가 분리되어 있어 컴파일 단계를 거치고 실행 파일을 실행한다. 과정의 수행 코드가 실행될 때마다 인터프리트 과정이 반복적으로 수행된다. 실행에 앞서 컴파일은 한번만 수행된다. 코드실행 속도 인터프리트 단계와 실행 단계가 분리되..

JS의 역사 1995년 탄생 1999년 표준화 완료 2005년 AJAX 등장 비동기 웹 애플리케이션 개발 가능 폭발적인 UX 향상 2008년 V8엔진 출시(Google) 2009년 node.js, 서버 개발 활성화(지각변동) 2015년 ECMAScript6(ES6) 버전 출시 2016년 FE Framework 대중화(React, Angular, Vue), SPA 개발 활성화 JS 언어적 특징 객체 지향 프로그래밍 지원 동적언어 함수형 프로그래밍 비동기 처리 클라이언트/서버 모두 사용가능

SRP(Single Responsibility Principle) 단일책임원칙: 클래스는 하나의 책임만 져야함. OCP(Open Closed Principle) 개방 폐쇄 원칙: 클래스는 확장에 대해 열려있고 수정에 대해 닫혀있어야 한다. 즉 클래스의 기존 코드를 수정하지 않고 필요한 기능을 확장할 수 있어야한다(인터페이스, 상속) LSP(Liskov Substitution Principle) 리스코프 치환 원칙: 서브타입은 기반이 되는 슈퍼타입을 대체할 수 있어야함 ISP(Interface Segregation Principle) 인터페이스 분리 원칙: 클래스는 자신이 사용하지 않는 인터페이스의 영향을 받지 않아야 한다. 따라서 인터페이스를 너무 크게 구현하기 보다는 뚜렷한 기능단위로 구현하는 것이 유..

정의: TS에서 객체의 타입을 정의할 때 사용함, 어떠한 객체를 생성 할 때 가져야 할 속성과 메서드를 정의함. 클래스와의 차이 기본 구현을 정의하는 추상 클래스와 달리 기본 구현을 제공하지 않는다. 단일상속만 지원하는 추상 클래스와 다르게 다중 상속을 지원하여 하나의 클래스가 여러 인터페이스를 구현할 수 있다. 추상클래스를 상속받은 자식 클래스는 반드시 추상 함수를 구현해야함. 인터페이스를 구현하는 ㅋㄹ래스는 인터페이스의 모든 메서드를 구현해야함. 유리한 사용전략 기본 구현을 제공하며 확장: 추상 클래스 객체의 특정 구조 유지: 인터페이스