리액트 개발을 하다 보면 for 문이나 while 문보다는 Array 객체의 메서드(map, reduce, filter)를 더 자주 사용한다. 이러한 방식을 선언형 프로그래밍(Declarative Programming)이라고 하며 리액트 개발에서는 선언형 프로그래밍 방식이 더 선호된다. 그리고 이와 대비되는 개념은 명령형 프로그래밍(Imperative Programming)이라 한다. 반복문에서의 명령형 프로그래밍과 선언형 프로그래밍 명령형 프로그래밍 명령형 프로그래밍(Imperative Programming)은 기존에 일반적으로 사용되는 프로그래밍 방식이다. const numbers = [1, 2, 3, 4, 5]; let sum = 0; // numbers 배열의 짝수 합 for (let i = 0;..
클래스형 컴포넌트와 함수형 컴포넌트 클래스형 컴포넌트 import {Component} from "react"; class App extends Component { render() { return ( ); } } export default App; 클래스형 컴포넌트는 리액트의 모든 기능을 활용할 수 있다. 함수형 컴포넌트 function App() { return ( ); } export default App; 함수형 컴포넌트는 기능이 부족했었다. state를 컴포넌트 내부에 만들 수 없다는 것과 라이프사이클 API도 사용할 수 없었다. 그래서 함수형 컴포넌트는 상위 컴포넌트가 전달하는 일만 단순하게 처리하는 역할이었다. 하지만, Hook이라는 개념이 도입되면서 함수형 컴포넌트에서도 state를 다룰 ..
내 블로그 - 관리자 홈 전환 |
Q
Q
|
---|---|
새 글 쓰기 |
W
W
|
글 수정 (권한 있는 경우) |
E
E
|
---|---|
댓글 영역으로 이동 |
C
C
|
이 페이지의 URL 복사 |
S
S
|
---|---|
맨 위로 이동 |
T
T
|
티스토리 홈 이동 |
H
H
|
단축키 안내 |
Shift + /
⇧ + /
|
* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.