조심해야할 것들(예약어)

React 홈으로 돌아가기

React.js

메인으로 돌아가기

react 예약어

tabIndex, className, props, props.children,

React DOM은 HTML 어트리뷰트(attribute) 이름 대신 캐멀케이스(camelCase)를 네이밍 컨벤션으로 사용합니다. 예를 들어, JSX에서 tabindex는 tabIndex로 작성합니다. class 어트리뷰트는 JavaScript의 예약어이므로 className으로 작성합니다.

props는 컴포넌트의 입력값입니다. props는 부모 컴포넌트로부터 자식 컴포넌트로 전달된 데이터입니다.

props는 읽기 전용이라는 것에 주의하세요. props는 어떤 방식으로든 수정해서는 안 됩니다.

모든 컴포넌트에서 props.children를 사용할 수 있습니다. props.children은 컴포넌트의 여는 태그와 닫는 태그 사이의 내용을 포함합니다. 예를 들어,

Hello world! 문자열은 Welcome 컴포넌트의 props.children으로 사용할 수 있습니다.

Class로 정의된 컴포넌트에서는 this.props.children을 사용합니다.

reference

React 홈으로 돌아가기

React.js

메인으로 돌아가기

react 예약어

tabIndex, className, props, props.children,

React DOM은 HTML 어트리뷰트(attribute) 이름 대신 캐멀케이스(camelCase)를 네이밍 컨벤션으로 사용합니다. 예를 들어, JSX에서 tabindex는 tabIndex로 작성합니다. class 어트리뷰트는 JavaScript의 예약어이므로 className으로 작성합니다.

props는 컴포넌트의 입력값입니다. props는 부모 컴포넌트로부터 자식 컴포넌트로 전달된 데이터입니다.

props는 읽기 전용이라는 것에 주의하세요. props는 어떤 방식으로든 수정해서는 안 됩니다.

모든 컴포넌트에서 props.children를 사용할 수 있습니다. props.children은 컴포넌트의 여는 태그와 닫는 태그 사이의 내용을 포함합니다. 예를 들어,

Hello world! 문자열은 Welcome 컴포넌트의 props.children으로 사용할 수 있습니다.

Class로 정의된 컴포넌트에서는 this.props.children을 사용합니다.

reference

React 홈으로 돌아가기

React.js

메인으로 돌아가기

react 예약어

tabIndex, className, props, props.children,

React DOM은 HTML 어트리뷰트(attribute) 이름 대신 캐멀케이스(camelCase)를 네이밍 컨벤션으로 사용합니다. 예를 들어, JSX에서 tabindex는 tabIndex로 작성합니다. class 어트리뷰트는 JavaScript의 예약어이므로 className으로 작성합니다.

props는 컴포넌트의 입력값입니다. props는 부모 컴포넌트로부터 자식 컴포넌트로 전달된 데이터입니다.

props는 읽기 전용이라는 것에 주의하세요. props는 어떤 방식으로든 수정해서는 안 됩니다.

모든 컴포넌트에서 props.children를 사용할 수 있습니다. props.children은 컴포넌트의 여는 태그와 닫는 태그 사이의 내용을 포함합니다. 예를 들어,

Hello world! 문자열은 Welcome 컴포넌트의 props.children으로 사용할 수 있습니다.

Class로 정의된 컴포넌트에서는 this.props.children을 사용합니다.

reference

React 홈으로 돌아가기

React.js

메인으로 돌아가기

react 예약어

tabIndex, className, props, props.children,

React DOM은 HTML 어트리뷰트(attribute) 이름 대신 캐멀케이스(camelCase)를 네이밍 컨벤션으로 사용합니다. 예를 들어, JSX에서 tabindex는 tabIndex로 작성합니다. class 어트리뷰트는 JavaScript의 예약어이므로 className으로 작성합니다.

props는 컴포넌트의 입력값입니다. props는 부모 컴포넌트로부터 자식 컴포넌트로 전달된 데이터입니다.

props는 읽기 전용이라는 것에 주의하세요. props는 어떤 방식으로든 수정해서는 안 됩니다.

모든 컴포넌트에서 props.children를 사용할 수 있습니다. props.children은 컴포넌트의 여는 태그와 닫는 태그 사이의 내용을 포함합니다. 예를 들어,

Hello world! 문자열은 Welcome 컴포넌트의 props.children으로 사용할 수 있습니다.

Class로 정의된 컴포넌트에서는 this.props.children을 사용합니다.

reference

React 홈으로 돌아가기

React.js

메인으로 돌아가기

react 예약어

tabIndex, className, props, props.children,

React DOM은 HTML 어트리뷰트(attribute) 이름 대신 캐멀케이스(camelCase)를 네이밍 컨벤션으로 사용합니다. 예를 들어, JSX에서 tabindex는 tabIndex로 작성합니다. class 어트리뷰트는 JavaScript의 예약어이므로 className으로 작성합니다.

props는 컴포넌트의 입력값입니다. props는 부모 컴포넌트로부터 자식 컴포넌트로 전달된 데이터입니다.

props는 읽기 전용이라는 것에 주의하세요. props는 어떤 방식으로든 수정해서는 안 됩니다.

모든 컴포넌트에서 props.children를 사용할 수 있습니다. props.children은 컴포넌트의 여는 태그와 닫는 태그 사이의 내용을 포함합니다. 예를 들어,

Hello world! 문자열은 Welcome 컴포넌트의 props.children으로 사용할 수 있습니다.

Class로 정의된 컴포넌트에서는 this.props.children을 사용합니다.

reference

React 홈으로 돌아가기

React.js

메인으로 돌아가기

react 예약어

tabIndex, className, props, props.children,

React DOM은 HTML 어트리뷰트(attribute) 이름 대신 캐멀케이스(camelCase)를 네이밍 컨벤션으로 사용합니다. 예를 들어, JSX에서 tabindex는 tabIndex로 작성합니다. class 어트리뷰트는 JavaScript의 예약어이므로 className으로 작성합니다.

props는 컴포넌트의 입력값입니다. props는 부모 컴포넌트로부터 자식 컴포넌트로 전달된 데이터입니다.

props는 읽기 전용이라는 것에 주의하세요. props는 어떤 방식으로든 수정해서는 안 됩니다.

모든 컴포넌트에서 props.children를 사용할 수 있습니다. props.children은 컴포넌트의 여는 태그와 닫는 태그 사이의 내용을 포함합니다. 예를 들어,

Hello world! 문자열은 Welcome 컴포넌트의 props.children으로 사용할 수 있습니다.

Class로 정의된 컴포넌트에서는 this.props.children을 사용합니다.

reference

React 홈으로 돌아가기

React.js

메인으로 돌아가기

react 예약어

tabIndex, className, props, props.children,

React DOM은 HTML 어트리뷰트(attribute) 이름 대신 캐멀케이스(camelCase)를 네이밍 컨벤션으로 사용합니다. 예를 들어, JSX에서 tabindex는 tabIndex로 작성합니다. class 어트리뷰트는 JavaScript의 예약어이므로 className으로 작성합니다.

props는 컴포넌트의 입력값입니다. props는 부모 컴포넌트로부터 자식 컴포넌트로 전달된 데이터입니다.

props는 읽기 전용이라는 것에 주의하세요. props는 어떤 방식으로든 수정해서는 안 됩니다.

모든 컴포넌트에서 props.children를 사용할 수 있습니다. props.children은 컴포넌트의 여는 태그와 닫는 태그 사이의 내용을 포함합니다. 예를 들어,

Hello world! 문자열은 Welcome 컴포넌트의 props.children으로 사용할 수 있습니다.

Class로 정의된 컴포넌트에서는 this.props.children을 사용합니다.

reference

React 홈으로 돌아가기

React.js

메인으로 돌아가기

react 예약어

tabIndex, className, props, props.children,

React DOM은 HTML 어트리뷰트(attribute) 이름 대신 캐멀케이스(camelCase)를 네이밍 컨벤션으로 사용합니다. 예를 들어, JSX에서 tabindex는 tabIndex로 작성합니다. class 어트리뷰트는 JavaScript의 예약어이므로 className으로 작성합니다.

props는 컴포넌트의 입력값입니다. props는 부모 컴포넌트로부터 자식 컴포넌트로 전달된 데이터입니다.

props는 읽기 전용이라는 것에 주의하세요. props는 어떤 방식으로든 수정해서는 안 됩니다.

모든 컴포넌트에서 props.children를 사용할 수 있습니다. props.children은 컴포넌트의 여는 태그와 닫는 태그 사이의 내용을 포함합니다. 예를 들어,

Hello world! 문자열은 Welcome 컴포넌트의 props.children으로 사용할 수 있습니다.

Class로 정의된 컴포넌트에서는 this.props.children을 사용합니다.

reference

React 홈으로 돌아가기

React.js

메인으로 돌아가기

react 예약어

tabIndex, className, props, props.children,

React DOM은 HTML 어트리뷰트(attribute) 이름 대신 캐멀케이스(camelCase)를 네이밍 컨벤션으로 사용합니다. 예를 들어, JSX에서 tabindex는 tabIndex로 작성합니다. class 어트리뷰트는 JavaScript의 예약어이므로 className으로 작성합니다.

props는 컴포넌트의 입력값입니다. props는 부모 컴포넌트로부터 자식 컴포넌트로 전달된 데이터입니다.

props는 읽기 전용이라는 것에 주의하세요. props는 어떤 방식으로든 수정해서는 안 됩니다.

모든 컴포넌트에서 props.children를 사용할 수 있습니다. props.children은 컴포넌트의 여는 태그와 닫는 태그 사이의 내용을 포함합니다. 예를 들어,

Hello world! 문자열은 Welcome 컴포넌트의 props.children으로 사용할 수 있습니다.

Class로 정의된 컴포넌트에서는 this.props.children을 사용합니다.

reference

React 홈으로 돌아가기

React.js

메인으로 돌아가기

react 예약어

tabIndex, className, props, props.children,

React DOM은 HTML 어트리뷰트(attribute) 이름 대신 캐멀케이스(camelCase)를 네이밍 컨벤션으로 사용합니다. 예를 들어, JSX에서 tabindex는 tabIndex로 작성합니다. class 어트리뷰트는 JavaScript의 예약어이므로 className으로 작성합니다.

props는 컴포넌트의 입력값입니다. props는 부모 컴포넌트로부터 자식 컴포넌트로 전달된 데이터입니다.

props는 읽기 전용이라는 것에 주의하세요. props는 어떤 방식으로든 수정해서는 안 됩니다.

모든 컴포넌트에서 props.children를 사용할 수 있습니다. props.children은 컴포넌트의 여는 태그와 닫는 태그 사이의 내용을 포함합니다. 예를 들어,

Hello world! 문자열은 Welcome 컴포넌트의 props.children으로 사용할 수 있습니다.

Class로 정의된 컴포넌트에서는 this.props.children을 사용합니다.

reference

React 홈으로 돌아가기

React.js

메인으로 돌아가기

react 예약어

tabIndex, className, props, props.children,

React DOM은 HTML 어트리뷰트(attribute) 이름 대신 캐멀케이스(camelCase)를 네이밍 컨벤션으로 사용합니다. 예를 들어, JSX에서 tabindex는 tabIndex로 작성합니다. class 어트리뷰트는 JavaScript의 예약어이므로 className으로 작성합니다.

props는 컴포넌트의 입력값입니다. props는 부모 컴포넌트로부터 자식 컴포넌트로 전달된 데이터입니다.

props는 읽기 전용이라는 것에 주의하세요. props는 어떤 방식으로든 수정해서는 안 됩니다.

모든 컴포넌트에서 props.children를 사용할 수 있습니다. props.children은 컴포넌트의 여는 태그와 닫는 태그 사이의 내용을 포함합니다. 예를 들어,

Hello world! 문자열은 Welcome 컴포넌트의 props.children으로 사용할 수 있습니다.

Class로 정의된 컴포넌트에서는 this.props.children을 사용합니다.

reference