무명의 리터럴로 생성할 수 있다.변수나 자료구조(객체, 배열 등)에 저장할 수 있다함수의 매개변수에 전달할 수 있다.

출처 : https://poiemaweb.com/sass-script

CSS의 한계와 단점을 보완하여 보다 가독성이 높고, 코드의 재사용에 유리한 CSS를 생성하기 위한 CSS의 확장문법

사용자가 웹 브라우저에서 DOM 요소들과 상호 작용하는 것을 이벤트라고 함

컴포넌트의 기능은 단순히 템플릿 이상1) 데이터가 주어졌을 때 이에 맞추어 UI를 만들어 줌2) 라이프사이클 API를 이용하여 컴포넌트가 화면에서 나타날 때, 사라질 때, 변화가 일어날 때 주어진 작업들을 처리3) 임의 메소드를 만들어 특별한 기능을 붙여줄 수 있음

2장 JSX 번들러 대표적인 번들러 종류 웹팩 (리액트에서 주요 사용 / 편의성, 확장성이 뛰어남) Parcel browserify 번들러 도구 사용하면 발생하는 일? import(또는 require)로 모듈을 불러왔을 때 불러온 모듈을 모두 합쳐서 하나의 파일을

공식문서 보다가 책으로 변경,,,ㅎ 프레임워크 개념부터 다시 재시작

DocumentFragment 노드를 사용하면, 오직 메모리상에만 존재하는 경량화된 DOM을 만들 수 있음

요소에 이벤트를 등록하는 일반적인 방법은 요소에 addEventListener()를 등록하는 것. 그렇다면 만약 100개의 요소에 이벤트를 등록하고 싶다면...? 🤔

'드림코딩 by 엘리' 유투버님의 영상인 ('자바스크립트 프로처럼 쓰는 팁')을 보고 스스로 정리한 포스팅입니다!

브라우저 화면에서 이벤트가 발생

웹 페이지의 성능을 저하시키는 리페인트 & 리플로우 현상생성된 DOM 노드의 레이아웃 변경 시 영향을 받는 모든 노드(부모, 자식)의 수치를 다시 계산하여 레이아웃 트리(렌더 트리)를 재생성하는 작업width, height, padding, margin, float,

웹 페이지 렌더링 과정

인터프리터 언어기 때문에 컴파일 언어인 C, Java에 비해서 엄청 느리지만 브라우저나 웹 페이지를 컨트롤할 때 가장 적합한 언어!

컴포넌트를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 살펴볼 수 있음

React 엘리먼트

JS를 확장한 문법으로 React "엘리먼트"를 생성React의 렌더링 로직은 UI로직( 1) 이벤트가 처리되는 방식, 2) 시간에 따라 state가 변하는 방식, 3) 화면에 표시하기 위해 데이터가 준비되는 방식 등)과 연결됨속성에 따옴표를 이용해 문자열 리터럴을 정

UI 구현을 위한 선언적이고 효율적이며 유연한 JS 라이브러리React.Component신규 컴포넌트 작성에 사용되는 클래스\-> 데이터가 변경될 때 올바른 컴포넌트들을 업데이트하고 랜더링ShoppingListReact 컴포넌트 클래스, React 컴포넌트 타입하나의

자바스크립트 타입 변환의 종류

watch : 특정 데이터가 변경되었을 때 실행, 새로운 데이터와 이전의 데이터를 가져옴 (lazy)watchEffect : 의존성이 있는 데이터에 대해서 즉각적으로 실행 (immediately)특정 반응 속성을 보고 싶거나, old value를 보고 싶을 떄 활용함수