제인의 블로그

Batching주요 사례와 사용 방법상태 업데이트(batch state updates):리액트 같은 프레임워크에서는 상태 업데이트가 여러 번 발생할 때마다 각각 렌더링을 하지 않고, 특정 시점에 모아서 한 번에 렌더링하는 방식입니다. 이러면 불필요한 렌더링을 줄여 성능이 좋아집니다.예를 들어, 리액트 18에서는 이벤트 핸들러 내부의 여러 상태 업데이트가 자동으로 배칭되며, ReactDOM.flushSync() 같은 메서드를 통해 강제 동기 업데이트도 가능합니다.이벤트 처리(batch event handling):JavaScript에서 스크롤, 리사이즈 같은 빈번히 발생하는 이벤트는 성능에 큰 영향을 줄 수 있습니다. 이러한 이벤트는 requestAnimationFrame, setTimeout 등을 이용해..

01. 변수 선언 매커니즘 (1) 왜 변수가 필요할까요?(1)-1. 데이터 저장 및 관리의 필요성변수는 프로그래밍에서 데이터를 저장하고, 그 값을 쉽게 관리하고 재사용할 수 있도록 해줍니다. 예를 들어, 사용자로부터 받은 입력을 처리하거나 계산 결과를 다시 사용해야 할 때 변수 없이는 각 단계마다 데이터를 반복적으로 처리해야 해요. 효율적인 데이터 관리를 위해선 변수 선언 매커니즘은 필수라고 할 수 있습니다.let numberOfUsers = 50; // 사용자 수를 저장numberOfUsers = numberOfUsers + 5; // 새로운 사용자 추가// numberOfUsers += 5;console.log("Total users: " + numberOfUsers); // 출력: Total use..

[ 용어 설명 ]- API서로 다른 시스템이 서로 소통할 수 있는 방법 또는 창구일종의 메뉴판 역할- DOM웹 페이지 문서를 구성하는 요소들을 트리구조로 표현한 객체브라우저에서 HTML 문서를 자바스크립트로 제어할 수 있게 해주는 인터페이스- BOM문서 이외의 모든 것을 제어하기 위해 제공하는 추가 객체- EVENT브라우저에서 사용자가 웹 페이지와 상호작용할 때 발생하는 사건다양한 종류의 Event가 있음 ex) click,scroll,submit,keydown 등Web APIs브라우저가 웹 애플리케이션이 다양한 작업을 수행할 수 있도록 제공하는 모든 API를 포괄하는 용어다양한 종류DOM APIs (웹페이지 요소조작)querySelector, getElementById, **innerHTML**등Net..

[JS 언어의 특징] 1. 객체 지향 프로그래밍 지원   1) 절차지향      - 순서대로 실행  2) 객체지향      - 데이터와 함수는 객체라는 그룹으로 묶어서 처리하는 방법     * JS에서 객체를 만들땐?     : 중괄호{} 를 이용하여 객체를 만들고 쉼표, 로 구분한다. 2. 동적타이핑: 자바스크립트는 동적타이핑을 지원하는 언어/ 변수를 선언할 때 타입을 지정하지않음.let myVariable = "Hello, world!"; // 변수 선언 및 문자열 데이터 타입으로 할당console.log(typeof myVariable); // "string" 출력myVariable = 123; // 숫자 데이터 타입으로 할당console.log(typeof myVariable); // "numbe..

자바스크립트 기초! [변수]1. 변수란? 변수는 데이터를 저장하기 위한 공간이라고 생각하면된다. 컴퓨터는 우리가 준 데이터를 기억하기 위해 메모리를 사용하고, 변수는 이 메모리에서 데이터를 저장할 수 있는 위치를 나타내요.ex) 이름을 기억할 수 있는 변수를 만들고, 그 변수에 이름을 저장하는 거에요. 나중에 언제든지 이 이름을 불러올 수 있어요.2. 변수 선언하기자바스크립트에서 변수를 선언할 때는 'var, let,const'라는 키워드를 사용해요.'var'는 자바스크립트의 초기부터 사용되던 방법이지만, 요즘에는 'let'과 'const' 주로 사용.'let' 은 값을 변경할 수있는 변수이고, 'const'는 한 번 정해지면 값을 변경할 수 없는 상수에요. ex) 원주율을 나타내는 π 같은 값은 변하지..

Javascripts란? " 웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어 " 자바스크립트로 작성한 프로그램을 Script 라고 부릅니다.Script는 웹페이지의 HTML 안에 작성할수있으며, 웹페이지를 불러올 때 스크립트가 자동으로 실행됩니다.Script는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성가능하며, 실행도 할 수 있습니다.자바스크립트는 브라우저뿐만 아니라 서버에서도 실행가능. 이 외에도 자바스크립트 엔진(JavaScript engine)이라 불리는 특별한 프로그램이 들어 있는 모든 디바이스에서도 동작합니다.브라우저엔 '자바스크립트 가상 머신’이라 불리는 엔진이 내장되어 있습니다.엔진의 종류는 다양한데, 엔진마다 특유의 코드네임이 있습니다. 아래처럼 말이죠.V8 – Chro..