React
-
Todo App 최적화FrontEnd/React 2023. 11. 23. 22:00
List 컴포넌트 분리하기 components 이하 List.js 파일을 생성합니다. 함수형 컴포넌트를 생성합니다. Lists.js 파일에서 UI 부분과 함수를 List 컴포넌트로 이동합니다. Lists 컴포넌트에서 List 컴포넌트를 import하고 props를 내려줍니다. List 컴포넌트에서 props를 받아옵니다. List.js import React from "react"; const List = ({ id, title, completed, todoData, setTodoData, provided, snapshot, }) => { const handleClick = (id) => { let newTodoData = todoData.filter((data) => data.id !== id); se..
-
ReactFrontEnd/React 2023. 11. 1. 21:00
React React는 UI를 렌더링 하는 데 관여하는 라이브러리입니다. 그리고 화면을 바꾸는 라우팅은 react-router-dom 모듈을 사용하며, 상태 관리를 위해서는 redux, mobx 등 여러 모듈을 사용하며, 빌드를 위해서는 webpack, npm 등등, 테스팅을 위해서는 Eslint, Mocha 등을 이용합니다. 컴포넌트(Component) React는 여러 컴포넌트를 이용해서 웹 앱을 개발하게 됩니다. 컴포넌트란 React로 만들어진 앱을 이루는 최소한의 단위입니다. 즉, React는 여러 컴포넌트 조각으로 되어 있습니다. 컴포넌트 종류 클래스형 컴포넌트(Class Components) class App extends Component { render() { return hi. ; } }..