개발새발 민다니

1. props props는 읽기 전용 값이다. 컴포넌트를 함수나 클래스 어느쪽으로 제작하든 props는 수정할 수 없다. 다음의 sum 함수를 예시로 들어보자. function sum(a, b){ return a+b; } 이런 식의 함수를 순수 함수라고 한다. 입력 값이 변경되지 않기 때문이다. 그렇다면 입력 값이 변경되는 비순수 함수는 어떤걸 의미할까? function withdraw(account, amount) { account.total -= amount; }; withdraw 함수는 입력 값이 변경된다. 이런 식으로 부수효과가 있는 함수를 비순수함수라고 한다. 모든 컴포넌트의 props와 관련해서는 순수함수여야만 한다. 2. 필요성 재사용성을 높이기 위해서이다. 예를 들어보자. AddChara..

1. 컴포넌트 컴포넌트는 리액트의 필요 핵심 요소다. 사용자 인터페이스(UI)를 기반하는 블록이라고 생각하면 편리하다. Minda Markup represets Table of contents Your markup 본래의 vanilla JS는 이런 식의 마크업을 통해 JS는 사이드바, 아바타, 모달 등을 구현할 수 있었다. 마크업 규칙을 정의한 언어로, 태그로 둘러 싸여 있는 언어들을 일컬음. HTML 역시 마크업 언어의 한 종류 반면 리액트는 마크업, CSS, JS를 모두 커스텀하여 재사용 가능한 UI 요소인 컴포넌트를 사용할 수 있다. 내부적으로는 여전히 , 과 같은 HTML 태그를 사용한다. vanilla JS의 경우 개발자는 JavaScript를 덧입혀 상호작용을 추가했으나 React는 컴포넌트는..