순수 함수
- 순수 함수란 상태값과 속성값이 같으면 항상 같은 값을 반환하는 함수로, 다른 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');
'Frontend' 카테고리의 다른 글
리액트 컴포넌트 (0) | 2022.03.17 |
---|---|
Promise와 async/await (0) | 2022.03.17 |
ES6+ 문법 정리 (0) | 2022.03.17 |
react-router-dom과 로그인 인증 (0) | 2022.01.22 |
백엔드 통합과 CORS (0) | 2022.01.20 |