콜라사이다환타

자바스크립트가 가장 많이 사용되는 분야는 웹 브라우저 환경에서 동작하는 웹페이지/ 애플리케이션의 클라이언트 사이드다. 웹 애플리케이션의 클라이언트 사이드 자바스크립트는 브라우저에서 HTML, CSS와 함께 실행된다. 이를 위해 브라우저가 HTML, CSS, 자바스크립트로 작성된 텍스트 문서를 어떻게 파싱(해석)하여 브라우저에 렌더링하는지 살펴보자 브라우저의 렌더링 과정 브라우저는 다음과 같은 과정을 거쳐 렌더링을 수행한다. 브라우저는 HTML, CSS, JS, 이미지, 폰트 파일 등 렌더링에 필요한 리소스를 요청하고 서버로부터 응답을 받는다. 브라우저의 렌더링 엔진은 서버로부터 응단된 HTML, CSS를 파싱하여 DOM과 CSSOM을 생성하고 이들을 결합하여 렌더 트리를 생성한다. 브라우저의 자바스크립트..

1. 자동배치 (Automatic Batching) 2.Transitions(전환) 3.Suspense 와 lazy 4. 새로운 Hook 1) useId 2) useTransition, startTransition 3) useDeferredValue 4) useSyncExternalStore 5) useInsertionEffect 4. 새로운 CSR API # React DOM Client 1) CreateRoot 2) hydrateRoot # React DOM Server 1) renderToPipableStream 2) renderToPipableStream​ 1. 자동배치 (Automatic Batching) React-18v 부터 상태 업데이트(setState)를 하나로 통합해서 배치 처리를 한 ..

배열이란? 배열 --> 여러 개의 값을 순차적으로 나열한 구조 사실 배열이라는 타입이 존재하는 것은 아니며 객체 타입임. 배열이 가지고 있는 값 : 요소 배열에서 자신의 위치를 나타내는 0 이상의 정수: 인덱스 --> 배열 접근시 대괄호 표기법을 이용해 인덱스를 지정하여 접근 배열의 길이를 나타내는 프로퍼티: length 프로퍼티 구분객체배열 구조 프로퍼티 키와 프로퍼티 값 인덱스와 요소 값의 참조 프로퍼티 키 인덱스 값의 순서 X O length 프로퍼티 X O 값의 순서와 length 프로퍼티는 배열이 반복문을 통해 순차적으로 값에 접근하기 적합한 자료구조로 만들어줌 자바스크립트 배열은 배열이 아니다 일반적인 자료구조에서 말하는 배열 --> 동일한 크기의 메모리 공간에 연속적으로 나열되어 있어서 of..

정규 표현식이란? 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어 문자열 대상으로 패턴 매칭 기능 제공 --> 특정 패턴과 일치하는 문자열을 검색하거나 추출 또는 치환할 수 있게 해줌 정규표현식은 주석이나 공백을 허용하지 않고 여러 가지 기호를 혼합하여 사용해서 가독성이 좋지 않다. 정규 표현식의 생성 일반적인 정규 표현식 생성 방법은 정규 표현식 리터럴을 사용하는 것이다. 정규표현식 리터럴은 패턴과 플래그로 구성된다. const target = 'Is this all there is?'; // 패턴: is // 플래그: i => 대소문자를 구별하지 않고 검색한다. const regexp = /is/i; // test 메서드는 target 문자열에 대해 정규 표현식 regexp의 패..

표준 빌트인 객체로 날짜와 시간(연, 월, 일, 시, 분, 초, 밀리초)을 위한 메서드를 제공하는 빌트인 객체이면서 생성자 함수. UTC --> 국제 표준시 KST --> 한국 표준시 UTC에다가 9시간을 더한 시간 Date 생성자 함수 이 생성자 함수로 생성한 Date 객체는 내부적으로 날짜와 시간을 나타내는 정수값을 갖는다. 1970년 1월 1일 00:00:00 UTC 기점으로 이 객체가 나타내는 시점까지의 밀리초를 값으로 가짐 new Date() 현재 날짜와 시간을 가지는 객체를 반환하며 내부적으로 정수값을 갖지만 콘솔에 찍으면 날짜와 시간 정보를 출력한다. new 없이 호출한 경우 객체 반환이 아닌 현재 날짜와 시간 정보를 나타내는 문자열을 반환한다. new Date(milliseconds) 밀리..

Math 는 표준 빌트인 객체로, 수학적인 상수와 함수를 위한 프로퍼티와 메서드를 제공한다. Math 는 생성자 함수가 아니다. 따라서 정적 프로퍼티와 정적 메서드만 제공한다. new Math(123) Uncaught TypeError: Math is not a constructor Math.PI 해당 프로퍼티는 PI 값 을 반환한다. Math.PI; // 3.14159... Math.abs 해당 메서드는 인수로 전달된 숫자의 절대값 을 반환한다. 절대값은 0 또는 양수 이다. Math.abs(-1); // 1 Math.abs('-1'); // 1 Math.abs(''); // 0 Math.abs([]); // 0 Math.abs(null); // 0 Math.abs(undefined); // NaN M..