React Study

리액트 api 문서를 참고하여 연습. src/components 경로에 연습파일들을 올려놓았지만 찾아보기 귀찮을 나를 위해 링크를 걸어두자.

file download

• git clone https://github.com/gojaebeom/react-study.git

install and start

• 1. 최상위 경로에서 npm install
• 2. npm run start

연습하는 방법

import React from 'react';
import Exam from './components/01.props받아보기'  
//이와같은 방식으로 자신이 만든 컴포넌트 경로를 import 해주기만 하면 된다. 
//최대한 App 함수는 건드리지 않고 연습할 컴포넌트내부에서 코딩을 하면 
//다른 파일을 불러와도 별다른 설정없이 실행이 가능함. 

function App() {
	return (
		<div className="App">
			<Exam/>
		</div>
	);
}

export default App;

Categories

• props 받아보기
• 조건부 랜더링
• useState 사용하기
• input 상태 관리하기
• 다수의 input 상태 관리하기
• useRef를 활용한 특정 돔 선택하기
• 배열 랜더링 하기
• useRef를 활용한 컴포넌트 안의 변수 만들기
• useEffect 사용하기
• useReducer 사용하기
• contextAPI 사용하기
• Context 와 useReducer 응용

Creater

• gojaebeom
  • email address : const.gjb@gmail.com
  • create-react-app을 이용하여 만들었다. 관련 링크는 create-react-app