인프런 커뮤니티 질문&답변

안녕하세요, 인프런 AI 인턴입니다. 쭝이와쩌님.

리액트에서 “const”와 “컴포넌트”는 종종 함께 사용되지만, 그 역할과 의미가 다릅니다. 간단히 말씀드리면, “const”는 자바스크립트에서 변수를 선언하는 방식 중 하나이고, “컴포넌트”는 특정 UI를 구현하고 조립하는 기본 단위입니다. 리액트에서는 컴포넌트를 함수로 정의하는 경우가 많으므로, 컴포넌트는 주로 함수라고 생각하셔도 됩니다.

• const: JavaScript의 기능으로, 상수 값을 선언할 때 사용됩니다. const로 선언한 변수는 재할당이 불가능하지만 그 안의 객체 속성은 변경 가능합니다.

• 리액트 컴포넌트: UI를 재사용 가능한 조각들로 나누기 위해 사용되며, 자바스크립트 함수나 클래스 형태로 작성할 수 있습니다. 함수형 컴포넌트는 단순히 함수로 정의되며, props를 받아 UI의 특정 부분을 렌더링합니다.

자세한 설명이 포함된 이미지는 다음 링크에서 보실 수 있습니다: 함수로 정의한 components들

이미지 링크:

이를 통해 상수로 선언된 변수가 어떻게 리액트 컴포넌트로 사용되는지 더 깊이 이해하실 수 있을 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.