Tech Stack/Front-end (2) 썸네일형 리스트형 < React > State State는 React 컴포넌트 내부의 속성값을 스스로 업데이트 할 수 있는 기능이다. 특정 로직에 따라서 클래스 스스로 변수를 관리할 수 있도록 해 준다. 내가 정리한 State와 Props 차이는 다음과 같다. ( 주관적인 생각이다. ) - props : 컴포넌트 간 계층적인 구조, 부모 컴포넌트가 자식 컴포넌트에게 데이터를 전달, 그러므로 분리된 컴포넌트( 파일 ) 간 데이터를 전달 할 경우 사용할 수 있음. ( Context 개념과 밀접함 ). 즉 개별 컴포넌트 간 전달 할 특정 데이터 변수 집합 - state : 컴포넌트 스스로 조작 가능한, 내부의 변수 집합. 클래스 내부의 변수들과 의미가 비슷함. setter도 존재하여 필요한 로직에 따라서 변수를 업데이트 할 수 있음. 내가 해당 변수를 컴.. < React > props, defaultProps, propTypes React 컴포넌트의 속성을 설정할 때 사용하는 요소인 props에 대해 공부해 보았다, 1. Props props는 해당 컴포넌트의 부모 컴포넌트에서 설정할 수 있어서, 바로 props를 적용할 수 없다. 최상단의 컴포넌트가 App.js라고 할 때, 만약 myComponent의 props를 사용하고자 하면 App.js에서 설정해야 한다. myComponent는 자기 자신의 props를 읽기 전용으로만 사용하게 된다. 아래 코드는 yarn create react-app 명령어를 입력하고, 현재 myComponent.js 파일을 막 선언한 시점에서 작성하였다. myComponent를 다음과 같이 선언하고, App.js도 다음과 같이 선언한다. ( component 외 코드는 제외했다. ) const MyC.. 이전 1 다음
