inflearn logo
강의

Course

Instructor

Learn React by Building It: Basics

10 Creating Components

const 변수와 컴포넌트의 차이

88

b8410104416

1 asked

0

안녕하세요, 강의 잘듣고 있습니다.

 

const 변수로 선언된 태그를 컴포넌트화 시키셨는데

 

const와 컴포넌트의 차이가 궁금합니다!

 

즉, const는 변수이고

 

컴포넌트는 함수라고 인지하면 되는지 궁금합니다.

 

답변 부탁드려요. 감사합니다.

javascript react const 컴포넌트

Answer 1

1

communityai8509

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

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

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

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

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

이미지 링크:

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

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

API 적용 안되는 코드 수정 방법입니다.

0

71

1

고양이 이미지가 엑박이 뜨네요

0

50

1

npx 명령어 사용 불가

1

75

1

강의노트

0

139

1

vite로 리액트 빌드한 후 깃허브에 배포하는 방법

0

323

1

빌드할때 dist 폴더가 만들어지는데요,

0

766

1

js파일 업로드 요청

0

135

1

변경된 api 사용시 text 안나오는 문제

0

141

1

메인글자수정...

1

267

3

디렉터리 구조 관련하여 참고할 만한 예시가 있을까요?

1

310

1

https://cataas.com/undefined 로 나오는데 왜그런건가요?

1

590

4

고양이 사진이 깨져요.ㅜㅜ

2

358

3

강의 노트 위치를 모르겠습니다

1

342

1

깃 강의노트 어디서 볼 수 있나요?

1

380

2

이해가 안되는 부분이 있어요

1

360

1

api가 안불러와지네요...

1

658

4

진유림 선생님 너무 궁금해서 질문드립니다 ㅜ

1

329

2

react에서 컴포넌트 만들 때 대문자를 쓰는 이유

2

1154

2

https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ

1

328

2

index.js 내용이 바꼈네용

1

317

2

프로젝트에 사용할 상태와 로직 관리 라이브러리 훅 사용 질문입니다.

1

260

2

html 코드 오류

1

462

2

고양이 이미지 깨져요

1

337

2

고양이 이미지 링크 깨짐 문의

0

778

1