[ export 할 name 에 직접 할당할 경우 ] export const MyObject = ‘객체 , 값’ MyObject 자체가 전역 함수/변수처럼 사용되어, App.js 에서 import 해서…
렌더 함수 밖에서작성된 styled-components 로 동적으로 변경되는상태를 props 로 전달하기 import React from ‘react’ import styled from ‘styled-components’ const Head = styled.div` display:flex;…
ㆍReact 라우터 > React 라우터 설치 c:\project> npm i react-router-dom react-router-dom 모듈을 설치하면 아래와 같은 기능을 이용 할 수 있다. ㆍ라우터 관련 컴포넌트 <BrowserRouter/> ,…
import React from ‘react’ import {useState , useRef, useCallback} from ‘react’ import produce from ‘immer’ function App() { const nextId = useRef(1);…
★ 단순배열(값으로만 이루어진)의 경우 얕은복사(참조) 깊은복사(값)처리가 정상적으로 이루어지지만 객체를 포함하고 있는 배열의 경우 객체들은 복사되지않음 (값은 정상적으로 깊은복사가됨) ㆍ1) 단순배열의 얕은복사와 깊은 복사…
[ React 에서 페이지가 렌더링 되는 시점 ] ① 최초 페이지가 처음 열릴때 , JSX 안의 상태(변수) , 함수 그리고 컴포넌트 등이 처음 Rendering 이 된다…
[ useCallback ] const 함수 = () => { } // 일반함수 const 함수 = useCallback ( () => { } ,…