May 29, 2023
클래스 문법은 부터 등장한 문법으로, 기존에 생성자 함수로 프로토타입 기반 객체를 생성하는 패턴을 사용했을 때보다 몇 가지의 엄격한 규칙이 추가되며 추가적인 기능을 제공한다. 클래스의 특징 클래스는 반드시 연산자로 호출해야 한다. 상속을 지원하는 와 키워드를 지원한다. 과 로 변수를 선언했을 때와 같은 호이스팅이 발생한다. 클래스는 …
May 28, 2023
프로토타입이란? 객체 내부에 정의된 함수를 '메소드' 라고 하는데, 메소드는 공통적으로 사용되는 경우가 많다. 그래서 객체가 생성될 때마다 메소드의 세세한 내용까지 복사해서 놓는다면 메모리를 비효율적으로 사용하게 될 것이다. 그렇기에 프로토타입 개념을 적용할 수 있는데, 객체 내부에는 프로토타입 객체를 가리키는 링크만 놓고 공통된 실제 내용은 프로토타입 …
May 27, 2023
자바스크립트 언어의 타입은 원시 값과 객체로 나뉜다. 원시 값이 아닌 타입은 모두 타입을 프로토타입 체인의 최상단에 놓기 때문에 나 같은 타입도 모두 객체에 해당된다. 자바스크립트에서는 타입을 통해 복잡한 엔티티를 표현하고, 프로토타입이라는 개념을 통해서 객체지향 패러다임을 구현한다. 원시 값 등이 있다. 객체 표현 자바스크립트에서…
May 27, 2023
함수란? 프로그래밍에서 함수는 일정한 동작을 수행하는 코드들의 집합이다. 자바스크립트에서의 함수는 일급 객체의 특징을 가지며 객체이다. 스코프, 실행 컨텍스트, 클로저, 생성자 함수에 의한 객체 생성, 메소드, this, 프로토타입, 모듈화 등의 다양한 개념이 모두 함수와 깊은 관련이 있으므로 자바스크립트에서 굉장히 중요한 핵심이라고 할 수 있다.…
May 26, 2023
자바스크립트가 만들어진지 얼마 되지 않았을 때에는 스크립트의 크기도 작고 기능도 단순했기 때문에 모듈 시스템이 존재하지 않았다. 그런데 와 같은 자바스크립트 런타임 환경이 등장하는 등 자바스크립트가 활용되는 곳이 점차 많아지고 기능도 복잡해지면서 코드를 여러 개의 파일로 분할해야 할 필요성이 대두되었다. 노드 환경에서는 라는 것을 기본 모듈 시스템…
May 24, 2023
문제 https://www.acmicpc.net/problem/6603 문제 설명 독일 로또는 {1, 2, ..., 49}에서 수 6개를 고른다. 로또 번호를 선택하는데 사용되는 가장 유명한 전략은 49가지 수 중 k(k>6)개의 수를 골라 집합 S를 만든 다음 그 수만 가지고 번호를 선택하는 것이다. 예를 들어, k=8, S={1,2,3,5,8,13,2…
May 23, 2023
가 가상 DOM에 그린 요소에 대해서 특정한 이벤트를 동작시키기 위해서는 나 API 를 사용할 수 있다. fireEvent: 컴퓨터의 관점에서 실제로 DOM 이벤트를 발생시킨다. userEvent: 사용자의 상호작용을 그대로 시뮬레이션해서 이벤트를 발생시킨다. 예를 들어 어떤 되어 있는 버튼에 대해서 이벤트를 발생시킨다고 할 때 사용자는 그…
May 23, 2023
가 가상 DOM에 그린 요소를 가져오기 위해서는 전역 객체에 포함된 쿼리 메소드를 활용한다. 쿼리 메소드의 형태 쿼리 메소드의 형태는 형태로 존재한다. 예를 들어서 특정 텍스트 내용을 가진 단일 요소를 조회하려고 할 때는 메소드를 사용하고, 특정 역할을 가진 모든 요소를 조회하려고 할 때는 메소드를 사용하는 형태이다. 단일과 All 단일:…
May 23, 2023
MSW? 는 네트워크 요청을 중간에 가로채서 모킹된 API의 모의 응답을 내려주는 라이브러리이다. 장점 친숙하고 강력함 라우팅 핸들러를 작성하는데 있어서 프레임워크와 유사한 형태를 하고 있기 때문에 친숙하게 이용할 수 있다. 원활함 MSW 는 네트워크 단에서 모킹을 진행하기 때문에 모킹된 API에 요청하는 코드를 작성할 때 실제 백엔드 API…
May 22, 2023
@testing-library @testing-library 는 사용자 중심의 관점에서 UI 컴포넌트를 테스트하는 것을 도와주는 라이브러리이다. 우리가 UI 요소에 대한 테스트를 하려면 요소를 생성하고, 특정 요소에 대해서 이벤트를 발생시키고, 결과값이 어떻게 되는지를 검사해야 하는데 는 이런 부분들을 도와주는 라이브러리라고 할 수 있다. 패키지…