React Hook

Mount : 화면에 첫 렌더링

Update : 다시 렌더링

Unmount : 화면에서 사라짐

• useEffect(콜백함수) : 첫 렌더링과 렌더링 될 때마다 실행
• useEffect(콜백함수, 배열) : 첫 렌더링과, 배열에 인자들이 업데이트 될 때마다 실행

 

• reducer (state를 업데이트 하는 역할), dispatcher (state 업데이트를 위한 요구), action (요구의 내용)
• useReducer(reducer, 초깃값)
•  

const reducer = (state, action) => {
	// switch나 if문을 사용해 action을 분리함.
	return state + action.props;
};

function App() {
    const [money, dispatch] = useReducer(reducer, 0); // money는 reducer에만 의해 수정됨
    
    ...
    <button onClick={() => {dispatch({}) }>; 
    ...
}

 

 

axios 사용

기본 axios 사용 

axios({
	method: "get",
    url: "url",
    responseType: "type",
}).then((response)=>{
	//...
});

단축형 axios

• GET : axios.get(url[, config])
• POST : axios.post(url, data[, config])
• PUT : axios.put(url, data[, config])
• DELETE : axios.delete(url[, config])

 

state, props 지옥 😫