![]()
# useRef const ref= useRef(value) {current : value} 함수형 컴포넌트에서 useRef를 부르면 ref 오브젝트를 반환해준다. 우리가 정해준 초기값은 ref안에 current값에 저장된다. 오브젝트는 수정이 가능하기 때문에 언제든 우리가 원하는값으로 변경해줄 수 있다. 반환된 ref는 컴포넌트의 전 생애주기를 통해 유지가 된다. 즉 컴포넌트가 계속 렌더링 되어도 언마운트 되기 전까지는 값을 유지할 수 있다. # useRef 는 언제 사용이 될까? 1. 저장공간 state와 비슷하게 어떤 값을 저장하는 저장공간으로 사용된다. state의 변화 → 렌더링 → 컴포넌트 내부변수들 초기화 ☞ 이런경우 우리가 원치않은 렌더링 때문에 곤란해질때가 있다. state 대신 re..
![]()
# React hooks란? 2019.06 정식 출시된 기능 class형 컴포넌트의 길어지는 코드 길이 문제 중복 코드, 가독성 문제 등등을 해결하기 위해 등장 # useState const [state, setState] = useState(초기값); state란? 컴포넌트의 상태 예를들어 현재 time = 5시라면 useState는 이 시간을 간편하게 생성하고 업데이트 시켜준다. state의 생성과 동시에 가져야 할 초기값을 useState에 인자로 넣어주면 state와 setState라는 두가지요소를 배열형태로 return 해준다. 현재 상태값은 state라는 변수에 들어있고 state를 변경시켜주고 싶을 때는 setState라는 변수를 이용해서 변경시켜줄수 있다. state, setState라는 ..
![]()
리액트 공식사이트 Getting Started – React A JavaScript library for building user interfaces reactjs.org 리액트 베타사이트 React Docs Beta A JavaScript library for building user interfaces beta.reactjs.org Create React App Getting Started | Create React App Create React App is an officially supported way to create single-page React create-react-app.dev TOOL VS Code Download Visual Studio Code - Mac, Linux, Windo..
