728x90 300x250 2024/113 리액트에서 props란? props란?리액트 공식문서에는 아래와 같이 기술하고 있다.모든 리액트 컴포넌트는 그들의 props에 관해서 Pure 함수 같은 역할을 해야 한다. 이 말은 모든 리액트 컴포넌트는 props를 직접 바꿀 수 없고, 같은 props에 대해서는 항상 같은 결과를 보여줄 것! 여기서 결과란 리액트 엘리먼트를 말한다. Pure함에 대한 개념 정리 참고https://moo-you.tistory.com/1049 Pure함수 Impure함수 개념이해Pure함수 : input을 변경하지 않으면 항상 같은 output을 리턴하는 함수// Pure 함수: 외부 상태에 의존하지 않고, 부작용이 없다function add(a, b) { return a + b;}console.log(add(2, 3)); // 항상 5를 반.. 2024. 11. 8. 리액트 컴포넌트란? 함수형 / 클래스형 리액트(React)에서 컴포넌트UI를 구성하는 독립적이고 재사용 가능한 코드 블록HTML, CSS, 자바스크립트 로직을 하나로 묶어 특정 화면 요소를 정의하며, 리액트 애플리케이션의 기본 단위이다. 리액트는 이러한 컴포넌트를 결합해서 전체 UI를 구성한다.컴포넌트는 크게 함수형 컴포넌트와 클래스형 컴포넌트 두 가지로 나눌 수 있고 최근에는 훅(Hooks)의 등장으로 함수형 컴포넌트가 주로 사용된다. 함수형 컴포넌트(Function Component)리액트에서 가장 단순하고 가볍게 쓸 수 있는 컴포넌트 방식함수처럼 정의되고, props를 받아 화면을 렌더링한다.상태(state)와 생명주기(lifecycle)를 관리하기 위해 리액트 훅을 사용할 수 있다.함수형 컴포넌트 예시import React from '.. 2024. 11. 7. Pure함수 Impure함수 개념이해 Pure함수 : input을 변경하지 않으면 항상 같은 output을 리턴하는 함수// Pure 함수: 외부 상태에 의존하지 않고, 부작용이 없다function add(a, b) { return a + b;}console.log(add(2, 3)); // 항상 5를 반환입력값을 변경하지 않으면 같은 입력값에 대해서는 항상 같은 출력값을 낸다 Impure함수 : 같은 입력값을 주었을 때 항상 동일한 출력값을 보장하지 않는 함수let total = 0;// Impure 함수: 외부 변수인 total의 값을 변경한다 (부작용이 발생)function addToTotal(amount) { total += amount; return total;}console.log(addToTotal(5)); .. 2024. 11. 4. 이전 1 다음 728x90 반응형