쭈링이.log 쭈링이.log

React Component component를 반복적으로 html에 선언해야 할 때는 map을 사용하여 반복적으로 component를 불러 올 수 있다. // App.js /* eslint-disable */ import logo from './logo.svg'; import './App.css'; import { useState } from 'react'; function App() { let post = 'Restaurant'; let postId = 'postId'; let [title, setTitle] = useState(['Title1', 'Title2', 'Title3']); let [blogTItle, setBlogTitle] = useState('ReactBlog'); let [like..

React Component component를 동적으로 처리하려면 useState를 사용하여 component를 제어할 수 있다. /* eslint-disable */ import logo from './logo.svg'; import './App.css'; import { useState } from 'react'; function App() { let post = 'Restaurant'; let postId = 'postId'; let [title, setTitle] = useState(['Title1', 'Title2', 'Title3']); let [blogTItle, setBlogTitle] = useState('ReactBlog'); let [like, changeLike] = useStat..

React Component React Component 란 UI를 재사용 할 수 있도록 개별적으로 여러 조각으로 나누는 단위이다. component를 함수로 생성해서 사용할 수 있다. /* App.css */ .modal { margin-top: 20px; padding: 20px; background: #eee; text-align: left; } // App.js /* eslint-disable */ import logo from './logo.svg'; import './App.css'; import { useState } from 'react'; // App() 또한 컴포넌트이다. function App() { let post = 'Restaurant'; let postId = 'postId';..