본문 바로가기

반응형

React

(2)
React - 컴포넌트(함수형 컴포넌트, 클래스형 컴포넌트, props, propTypes, state) 오늘은 React 컴포넌트에 대해서 알아보겠습니다. 컴포넌트를 선언하는 방식은 두 가지입니다. 하나는 함수형 컴포넌트이고, 다른 하나는 클래스형 컴포넌트입니다. * 함수형 컴포넌트 import React from 'react'; import './App.css'; function App() { const name = '리액트'; return {name}; } export default App; * 클래스형 컴포넌트 import React, {Component} from 'react'; class ClassApp extends Component { render() { const name = 'react'; return {name} } } export default ClassApp; 함수형 컴포넌트의 장점 ..
React 살펴보기 - (React 특징, 장단점) 오늘은 React 살펴보기편!입니다. 목차는 다음과 같습니다. 1. React란 무엇인가? 2. React의 장점 3. React의 단점 4. 일반적인 SPA 아키텍처 5. hello world 띄우기 1. React란 무엇인가? - React란 무엇인지 정의해보겠습니다. - React는 프레임워크가 아닌 UI 컴포넌트 라이브러리입니다. - 여러 컴포넌트로 UI를 구성하는 방식은 React의 핵심 철학입니다. - 컴포넌트 기반 아키텍처는 React 이전에도 존재했지만 순수한 자바스크립트 언어로 구현해냈다는데서 의미가 큽니다. 2. React의 장점 - 1. 단순한 앱 개발 : 선언형 스타일이며, 강력하고 개발자 친화적인 DOM 추상화를 제공합니다. - 2. 빠른 UI : 뛰어난 성능을 제공합니다. 이는 ..