React

useState useState()에서 setState나 이 함수를 호출하게 되면 전달받은 파라미터로 값이 바뀌게 되고 컴포넌트는 정상적으로 리렌더링 됨. 그 state 사용하는 컴포넌트만 리렌더링 되는게 아니라 전체 컴포넌트가 리랜더링 됨 useEffect 컴포넌트

Like this근데 RN하다보면 형태로 app.tsx or .js가 되어 있을 수 있는데 그때는형태로 const Root 객체 변수(?)를 만들어 위와 같이 넣어주면 된다 그럼 App.js에선 변화없이 그대로 두어도 됨.ref: https://stackove

`` 안에 render되는 구조 ReactDOM.render(요소, document.getElementById('root)) 이 형식으로. 모든 React 컴포넌트는 자신의 props를 다룰 때 반드시 순수 함수 처럼 동작해야. 이벤트 처리하기 읽는중.. https

setState()는 비동기로 작동한다.setState(updater, callback)setState(updater, callback)의 콜백 함수가 실행된 후 리렌더링 된다.updater: (state, props) => stateChange한번에 여러개의 setS

내가 현재 만지는 소스에 lazy가 있다!찾아보면 간단하게 말해서 늦게 컴포넌트 불러와주고, 그래서 코드스플리팅이 가능케 한다. 동적 import를 해준다 라고 나온다. 대강은 느낌이 오는데.. 왜 쓸까? 동적 임포트 왜? 찾아보면 한국 포스팅 자료는 다 퍼포먼스가 좋

input type file 속성 꾸미기<label 태그에 htmlFor 속성 사용하면 id와 그룹을 만들 수 있다. 위 코드는 id="file" 이란 그룹을 label tag와 형성하고, input tag style에 display:none으로 안보이게 하면

fomik과 yup validaion으로 사용하는건 많은 블로그에 잘 나와있다.여기 https://velog.io/@roh160308/%EB%A6%AC%EC%95%A1%ED%8A%B8React-Formik-Yup에도 기본적으로 잘 나와있다.다만, yup에서 이