전체 글 (2) 썸네일형 리스트형 [React.js] 컴포넌트의 라이프사이클 정리 컴포넌트 라이프 사이클은 크게 Mouting -> Updating -> Unmounting으로 구분이 가능하고 각 단계에 호출될 수 있는 메소드들도 존재합니다. https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/ 1. Mounting 컴포넌트의 인스턴스가 생성되어 DOM 상에 삽입되는 단계입니다. Mounting은 Lifecyle이 종료될 때까지 한 번만 일어납니다. 아래 메서드들이 이 단계에서 순서대로 호출됩니다. · constructor: 컴포넌트의 인스턴스를 새로 만들 때마다 생성자 메서드가 호출됩니다. · render: 화면에 표현될 JSX를 반환하고 화면에 그립니다. · componentDidMount: 컴포넌트가 화면에 모두 그려진 .. [JS] reduce() 함수 관련 정리 reduce() 함수 배열에 저장된 값을 더할 때 유용하게 사용된다. reduce 함수 콜백의 4가지 인자 accumulator (필수) : 누적되는 콜백의 반환 값 currentValue (필수) : 처리할 현재 요소. (= 배열에 저장된 값들) currentIndex (Optional) : 처리할 현재 요소의 인덱스. initialValue를 제공한 경우 0, 아니면 1부터 시작합니다. array (Optional) : reduce()를 호출한 배열. initialValue (Optional) : 첫 콜백의 호출에서 첫 번째 인수(accumulator)에 제공되는 값. initialValue의 경우 optional으로 지정되지 않을 경우 배열의 첫 번째 값으로 자동 지정되기 때문에, 빈 배열에서 사용.. 이전 1 다음
