명령형 프로그래밍과 선언형 프로그래밍

리액트 개발을 하다 보면 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;..

• format_list_bulleted JavaScript/React
• · 2024. 2. 12.
• textsms

Class component와 Function component차이, Props와 State 차이

클래스형 컴포넌트와 함수형 컴포넌트 클래스형 컴포넌트 import {Component} from "react"; class App extends Component { render() { return ( ); } } export default App; 클래스형 컴포넌트는 리액트의 모든 기능을 활용할 수 있다. 함수형 컴포넌트 function App() { return ( ); } export default App; 함수형 컴포넌트는 기능이 부족했었다. state를 컴포넌트 내부에 만들 수 없다는 것과 라이프사이클 API도 사용할 수 없었다. 그래서 함수형 컴포넌트는 상위 컴포넌트가 전달하는 일만 단순하게 처리하는 역할이었다. 하지만, Hook이라는 개념이 도입되면서 함수형 컴포넌트에서도 state를 다룰 ..

• format_list_bulleted JavaScript/React
• · 2022. 12. 28.
• textsms