본문 바로가기
반응형

react15

[React] Elements 란? 1. Elements 란? - 리액트 앱을 구성하는 가장 작은 블록들 - React Elements는 Dom Elements의 가상표현이라 이해하면 편합니다. - 화면에서 보이는 것을 기술 2. Elements의 생김새 - 리액드 Elements는 자바스크립트 객체 형태로 존재 { type: 'button', props: { className: 'bg-green', children: { type: 'b', props: { children: 'Hello, element!' } } } } 3. Elements 특징 - 불변성 : Elements 생성후에는 children이나 attributes를 바꿀 수 없다. 4. Elements 렌더링 - render 함수를 활용 const element = Hi Rea.. 2024. 1. 25.
JSX란? 장점은? 사용법은? 1. JSX란? Javascript + XML/HTML 로 구성되었고, JSX는 React “엘리먼트(element)” 를 생성합니다. React에서는 본질적으로 렌더링 로직이 UI 로직(이벤트가 처리되는 방식, 시간에 따라 state가 변하는 방식, 화면에 표시하기 위해 데이터가 준비되는 방식 등)과 연결된다는 사실을 받아들입니다. React는 JSX의 사용이 필수는 아니지만 아래의 장점들을 활용하기위해 JSX를 사용하여 작업을 하고 있습니다. 2. 장점 - 간결함 - 가독성 //JSX 사용 Hello, {name} //JSX 사용 안함 React.createElement('div',null,`Hello, ${name}); - Injection Attacks 방어 const title = resonse.. 2024. 1. 24.
프레임워크 vs 라이브러리 위키백과에서의 의미 컴퓨터 프로그래밍에서, 소프트웨어 프레임워크(software framework)는 복잡한 문제를 해결하거나 서술하는 데 사용되는 기본 개념 구조이다. 간단히 뼈대, 골조(骨組), 프레임워크(framework)라고도 한다. -위키백과 라이브러리는 주로 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임이다. 여기에는 구성 데이터, 문서, 도움말 자료, 메시지 틀, 미리 작성된 코드, 서브루틴, 클래스, 값, 자료형 사양을 포함할 수 있다 - 위키백과 프론트엔드 개발 시 대표적인 JS들인 Angular, Vue, React가 있는데, 프레임워크 = Angular.js, Vue.js 라고 부르고, 라이브러리 = React.js 로 프레임워크 우리가 수정할 수 있는 범위는.. 2024. 1. 22.
반응형

티스토리툴바