props는 properties의 약자다. HTML에서 태그에는 src="", alt="" 같은 속성이 있었다. 지금 React를 사용하는 우리는 HTML 태그를 JavaScript에서 그대로 다루기를 원하고, 그래서 존재하는 것이 JSX 파일이다. 그렇다면 JSX에서도 HTML 태그 내 속성을 이용할 수 있어야 하는데, 방법은 간단하다. 나만의 커스텀 태그가 라고 가정하면, Profile의 정의는 다음과 같다. // Profile.jsx import React from "react"; function Profile (props) { return ( {props.name} {props.tel} ) } export default Profile; 인자로 props라는 키워드를 사용하며, 이는 다음과 같이 앞..

Stored Property : 가장 일반적으로 사용하는 형태로, 선언과 동시에 그 형태가 변하지 않음. var는 변수, let은 상수. Computed Property : 변수에 값을 할당할 때 값이 상황에 맞게 알아서 바뀌어 주길 바랄 때 유용. 이름 그대로 값 할당 전에 연산이 필요한데, 그렇다고 함수를 생성하기엔 번거로운 경우 사용. Stored Property는 선언한 후로 형태를 변경할 수 없기 때문에 등장. 조건 1) let이 아닌 var로 지정할 것(전달되는 값에 따라 다른 값을 출력하므로) 조건 2) 자료형을 명시할 것 Computed Property는 2가지 형태가 있다. Getter : 미리 계획한 함수(연산)는 그대로이며, 그것으로부터 return된 값이 필요한 경우 사용. Sett..