순수 함수와 커링 기법

순수 함수

• 순수 함수란 상태값과 속성값이 같으면 항상 같은 값을 반환하는 함수로, 다른 side effects를 발생시키지 않아야 한다. (HTTP 요청, 데이터 저장, 쿠키 조작 등)
• 리액트는 컴포넌트의 루틴을 순수 함수로 작성해야 하며, 컴포넌트의 상태값은 불변 객체로 관리해야 한다.

const Header = (props) => {
	<div>
    	<h1>{props.title}</h1>
    </div>
}

 

 

 

커링

• 일부의 인자를 고정한 새로운 함수를 반환하는 함수를 만드는 기법

const userLogs = username => message => {
	console.log(`${username} - ${message}`);
};

const log = userLogs('Chinseok Lee');
log('Hello World');