3. 리액트 본격적으로 살펴보기 3-1. CRA로 첫 리액트 프로젝트 세팅하기 1. node로 yarn 설치하기 node -v # node 버전을 확인해봅니다. npm -v # npm은 노드의 패키지 매니저예요. 이걸 통해서 누군가 만들어 둔 패키지를 설치하고 사용할 수 있어요! npm install -g yarn # -g는 글로벌로 설치하겠다!고 알려주는 옵션입니다. yarn을 글로벌로 설치해봅시다! 2. yarn으로 create-react-app 설치하기 yarn -v # yarn 버전을 확인해봅니다. # global은 글로벌 설치 옵션입니다. # yarn은 npm과 명령어가 조금 다른데요, install 대신 add를 씁니다. # 이런 명령어의 차이는 공식문서를 통해 확인해도 좋고, yarn --h..

2-1. 라이프 사이클 공부 후 업데이트 2-2. Ref Ref는 render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법을 제공함. - 주로 Ref를 사용할 때 포커스, 텍스트 선택영역, 혹은 미디어의 재생을 관리할 때. 애니메이션을 직접적으로 실행시킬 때. 서드 파티 DOM 라이브러리를 React와 같이 사용할 때. - Ref 생성하기 Ref는 React.createRef()를 통해 생성되고 ref 어트리뷰트를 통해 React 엘리먼트에 부착됨. 보통, 컴포넌트의 인스턴스가 생성될 때 Ref를 프로퍼티로서 추가하고, 그럼으로서 컴포넌트의 인스턴스의 어느 곳에서도 Ref에 접근할 수 있게 함. class MyComponent extends React.Component { cons..