Front/React (2) 썸네일형 리스트형 리액트 변수에 중괄호 {}는 왜 붙는 것일까? 해당 문법은 리액트 이전에 ES6 문법을 찾아보면 답이 나온다고 한다. (아직 보지 않았다... 잇힝) 참고 키워드: destructuring assignment 리액트를 보면, 굳이 리액트가 아니더라도 자바스크립트 기반 라이브러리를 보면 변수에 중괄호를 활용하는 경우를 자주 볼 수 있다. 그 이유를 간단하게 알아보자. const { monkey, handsome_guy } = withDance 위 변수는 다음과 같은 의미를 지닌다. const monkey = withDance.monkey const handsome_guy = withDance.handsome_guy 이미 withDance 라는 state 내부에 monkey, handsome_guy 요소가 있고, 그 요소를 각각 monkey, hands.. 리액트가 뭐에요? 페이스북 개발진이 만든 라이브러리 리액트는 자바스크립트로 데스크톱 애플리케이션을 만들 수 있는 라이브러리입니다. 페이스북 개발팀이 대규모 애플리케이션의 유지보수를 효율적으로 하고자 만들었습니다. 뷰만 고려하는 유지보수를 효율적으로 하기 위한 라이브러리 오로지 V(View)만 고려하는 라이브러리입니다. 데이터가 변경될 경우, 기존 뷰를 날려버리고 처음부터 새롭게 렌더링합니다. 렌더링을 다시 하면 CPU 점유율이 크게 오르고, 메모리도 많이 사용됩니다. 이런 문제를 해결하기 위해서 렌더링 방식을 두 가지로 나눕니다. 초기 렌더링 render() {...} render 함수가 처음 보이는 화면을 결정합니다. 뷰가 어떻게 생겼는지, 어떻게 작동하는지에 대한 정보를 지닌 객체를 반환합니다. 최상위 컴포넌트의 렌더.. 이전 1 다음