CASSIE'S BLOG

리액트에서 컴포넌트와 엘리먼트는 다음과 같이 구분됩니다: 컴포넌트 (Component): 컴포넌트는 리액트 애플리케이션의 구성 요소 중 하나로, UI의 독립적인 부분을 나타냅니다. 컴포넌트는 JavaScript 함수 또는 클래스로 정의될 수 있으며, UI를 생성하고 상태를 관리하는 역할을 합니다. 컴포넌트는 재사용 가능하며, 애플리케이션 내에서 여러 번 사용될 수 있습니다. 엘리먼트 (Element): 엘리먼트는 리액트 애플리케이션에서 실제 UI 요소를 나타냅니다. 이는 브라우저에서 렌더링되는 최소 단위의 객체입니다. 엘리먼트는 리액트 컴포넌트를 렌더링하여 실제 DOM에 나타나게 하는 역할을 합니다. 엘리먼트는 가상 DOM에서 실제 DOM으로 변환되어 사용자에게 표시됩니다. 간단히 말해서, 컴포넌트는 U..

몇 가지 일반적으로 사용되는 CSS 타이밍 함수에는 다음과 같은 것들이 있습니다: ease: 시작과 끝에서 빠르게 가속하고 중간에서 감속하는 기본값 타이밍 함수입니다. linear: 애니메이션을 일정한 속도로 진행합니다. ease-in: 시작할 때 빠르게 가속하는 타이밍 함수입니다. ease-out: 끝에서 감속하는 타이밍 함수입니다. cubic-bezier: 사용자 정의 베지어 곡선을 사용하여 타이밍 함수를 정의할 수 있습니다. cubic-bezier 함수를 사용하면 사용자 정의 타이밍 함수를 만들 수 있으며, ease-in-out과 같은 미리 정의된 함수보다 더 정교한 제어가 가능합니다. cubic-bezier 함수는 cubic-bezier(x1, y1, x2, y2) 형식으로 사용됩니다. 여기서 (..

화살표 함수(arrow functions)를 사용하는 이유는 주로 다음과 같은 이점이 있기 때문입니다: 간결한 문법: 화살표 함수는 함수를 간결하게 정의할 수 있어 코드의 길이를 줄이고 가독성을 향상시킵니다. 특히 단일 표현식의 함수인 경우 중괄호({})나 return 키워드를 생략할 수 있습니다. 가독성 향상: 화살표 함수는 함수의 목적을 더 명확하게 전달할 수 있습니다. 짧고 간결한 함수를 정의함으로써 코드를 이해하기 쉽게 만듭니다. this 바인딩: 화살표 함수는 자체적인 this를 가지지 않고, 주변 스코프의 this를 상속받습니다. 이로써 this의 동작을 예측하기 쉽게 합니다. 일반 함수에서는 this의 동작이 보다 복잡하고 혼란스러울 수 있습니다. 간편한 매개변수 사용: 화살표 함수를 사용하..

자바스크립트안에 있는 html 코드 공식사이트: https://ko.legacy.reactjs.org/docs/introducing-jsx.html JSX 소개 – ReactA JavaScript library for building user interfacesko.legacy.reactjs.orgJSX라 하며 JavaScript를 확장한 문법입니다. 리액트가 어떻게 JSX 문법를 계산하는지 보자 기본적으로 브라우저는 자바스크립트를 이해할 수 있고 JSX는 이해할 수 없다. TRANSFORM해주는 과정이 필요하다. 리액트와 브라우저가 자동으로 해준다. 전환해준다. 이 정도로 보기 개발자도구에서 SOURCE 보기 creact-react-app에서 static>js>bundle.js node modules안..

자바스크립트 함수의 특징 프로그래밍 언어는 해당 언어의 함수들이 다른 변수처럼 다루어질 때 일급 함수를 가진다고 합니다. 일급 함수 (first class function) https://developer.mozilla.org/ko/docs/Glossary/First-class_Function 1. 자바스크립트는 함수를 일급시민 (first class citizen) 으로 다룸 2. 이 말은 곧, 함수를 단순한 값으로 본다는 것임 3. 함수는 객체 타입 중 하나 정리하면 함수를 값으로 취급하고, 인수로 전달하고 다른 함수에서 함수를 반환하는 기능이 있는 경우 프로그래밍 언어에서 일급함수가 있다고 말한다. 화살표함수도 자바스크립트가 함수를 일급시민으로 즉 값으로 인식하기 때문에 가능한거다. a, b를 매개..

렉시컬 스코프란(Lexical Scope)란? 함수를 어디서 호출하는지가 아니라 어디에 선언하였는지에 따라 결정되는 것을 말한다. 즉, 함수를 어디서 선언하였는지에 따라 상위 스코프를 결정한다는 뜻이며, 가장 중요한 점은 함수의 호출이 아니라 함수의 선언에 따라 결정된다는 점이다. 다른 말로, 정적 스코프(Static scope)라 부르기도 하다.