React

반복되는 컴포넌트를 렌더링하기 위해 자바스크립트 배열의 내장 함수인 map()을 사용합니다.그러면 그냥 반복되는 부분 복붙하면 되는거 아닌가? 답은 NO!리액트는 값에 변화가 있는 부분만 찾아서 virtual DOM에서 한번에 렌더링을 합니다.그러면 그때 반복되는 컴포

1) filter와 map의 공통점: 배열을 기존 배열은 건드리지 않고! 순회하면서 새로운 배열을 return2)filter는 조건을 만족한 모든 요소를 새로운 배열로 반환해줌!\-> 데이터가 배열에 객체로 담아져서 옴!1) filter와 map의 공통점: 배열을 기존

Mount(화면에 첫 렌더링), Update(다시 렌더링), Unmount(화면에서 사라질때) 될때 특정 작업을 처리할 코드를 실행시키고 싶다면 useEffect사용기본적으로 useEffect hook은 인자로 callback함수를 받음• 만약 useEffect에서 어

• state: 컴포넌트가 가질 수 있는 상태ex) 시계라는 state가 있다면 현재 상태로 시간을 가질 수 있음• useState는 우리의 컴포넌트 상태를 간편하게 생성하고, 업데이트 해주는 도구를 제공→ setState함수를 사용해서 업데이트를 변경하면 해당 컴포넌

• 반환된 ref는 컴포넌트의 전생에주기를 통해 유지가 됨→ 컴포넌트가 계속해서 렌더링되어도, 컴포넌트가 unmount되기 전꺼지는 값을 그대로 유지 가능• ref는 state와 비슷하게 어떠한 값을 저장해두는 공간으로 사용• State의 변경하면 → 자동으로 컴포넌트

: 문자열 등 유사배열(Array-like) 객체나 iterable한 객체를 배열로 만들어주는 메서드• Array.from()의 첫 번째 인자는 배욜로 만들 iterable한 객체가 됨• 두 번째 인자는 생성한 배열의 모든 원소에 대해 수행할 맵핑 함수임(Array.m

useRef() 1. 예시

Styled-component 1. theme에서 공통 컴포넌트 설정 2. 사용방법 1) theme을 props로 사용 2) 만약 theme에 있는 component의 내용 일부를 수정하고 싶다면? 3) styled-component를 mixin 처럼 사용하기

: 스프레드 연산자를 사용하면 배열, 문자열, 객체 등 반복 가능한 객체 (Iterable Object)를 개별 요소로 분리할 수 있음. 배열, 문자열, 객체 등에 전개를 위해 사용: 기존의 값은 유지하면서 새로운 값을 추가하는 것. 객체가 생성된 이후 그 상태를 변경

: Recoil은 React 전용 State Management Library이다. • Redux는 flux pattern의 등장으로 단방향으로 처리 되던 리액트의 단점을 변화시킴• 외부 저장공간을 사용 → 그러다 보니 강한제약이 생김 → 장점은 많지만 번거로움• Re

React Lifecycle Methods 1. React • React는 component는 상위 component에서 받은 props 를 input으로 하고 React를 구성하는 가장 작은 단위인 Element 를 output으로 하는 함수이다. 2. React

함수형 vs 클래스형 리액트는 왜 클래스형 컴포넌트에서 함수형 컴포넌트로 오게 됐을까? 과게어는 클래스형 컴포넌트를 사용했지만, 현재 리액트 공식 문서에서는 2019년 v16.8 부터 함수형 컴포넌트에 리액트 훅(hook)을 지원해 주어서 함수형 컴포넌트와 훅을 함께