개발언어/React (3) 썸네일형 리스트형 React기본 문법 _ props는 읽기전용이다. 함수형 컴포넌트든 클래스형 컴포넌트든, 모두 컴포넌트 자체의 props를 수정할 수 없다. ** 순수함수와 비순수함수 // 순수함수 - sum()의 반환값이 받은 매개변수 a, b의 값에 영향을 미치지 않음 function sum(a, b) { return a + b; } // 비순수함수 - withdraw()의 반환값은 account의 값을 변환시킴 function withdraw(account, amount) { account.total -= amount; } 모든 react의 컴포넌트는 자신의 props를 다룰 때 반드시 순수함수로 동작한다 React에서는 props 와 .state를 분리하여 사용하는데, state는 컴포넌트가 자체적으로 관리하는 상태값이며, 컴포넌트 내부에서 변경이 가능하다 pr.. Currying(커링 함수) 0. 개요 커링(Currying)은 함수의 재 사용성을 높이기 위해, 함수 자체를 return 하는 함수다 커링은 함수를 호출하지 않는다 단지 반환할 뿐이다. 매개변수 일부를 적용하여 서로운 함수를 동적으로 생성하면 동적 생성된 함수는 반복적으로 사용되는 매개변수를 내부적으로 저장하여, 매번 인자를 전달하지 않아도 원본 함수가 기대하는 기능을 채워놓을 수 있다. 이로서 코드의 가독성을 높이고 함수의 작동방식을 명확하게 하여 유지보수를 용이하게 한다. 1. 예시 코드 import React, { Component } from 'react'; class R074_ReactCurrying extends Component { plusNumOrString(c, d){ return c + d; } // PlusFu.. Ref 0개요 Ref는 'reference'의 약자로, '참조'라는 뜻이다. element가 참조하는 변수에 접근해 변경하고 element를 제어할 수 있다. javascript나 jquery에서 id나 class와 같은 속성에 element로 접근하여 값을 가져오는 구조와 유사하나, 표현 문법에서 차이를 보인다. https://ko.reactjs.org/docs/refs-and-the-dom.html 1.예시코드 1_a) 리액트 Ref constructor(props){ // createRef()함수로 Ref변수 InputRef를 생성한다. this.InputRef = React.createRef(); } RefFocus = (e) => { // inputRef를 할당해 참조하도록 한다. // ref를 부여한.. 이전 1 다음
