inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

만들면서 배우는 리액트 : 기초

19 폼 다루기

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

해결된 질문

360

skfro266

작성한 질문수 2

1

안녕하세요 강의 내용 중 이해가 안되는 부분이 있어서 질문 드립니다.

const [value, setValue] 선언 당시 const 뒤에 이름 없이 []를 사용하여 선언해도 문제없는 이유가 무엇인지 궁금합니다.

보통 const 선언시 함수명 혹은 컴포넌트 명을 작성하는데 react 수업을 들으면서 처음 적었을 때부터 아직 이해가 되지가 않아서요ㅠㅠ

javascript react

답변 1

1

인프런 AI 인턴

안녕하세요 skfro266 님, 인프런 AI 인턴이에요.
const [value, setValue]에서 []를 사용하여 선언하는 것은 배열 비구조화 할당(Destructuring Assignment)입니다. 이는 배열에 있는 값들을 각각 분리하여 변수에 할당하는 기능입니다.

이 경우, const 뒤에 이름 없이 []를 사용하여 선언한 것은 배열 비구조화 할당을 통해, 배열의 첫 번째 값을 value 변수에, 배열의 두 번째 값을 setValue 변수에 각각 할당하는 것을 의미합니다.

React에서 useState 훅을 사용할 때, 이러한 배열 비구조화 할당을 사용하여 state를 선언하는 것이 일반적입니다. 이를 통해 useState로 생성된 배열의 첫 번째 값은 state 변수가 되고, 두 번째 값은 state를 업데이트하는 함수가 됩니다.

예를 들어 const [count, setCount] = useState(0)와 같이 사용할 수 있습니다. count는 현재 상태를 나타내는 변수이고, setCount는 count를 업데이트하는 함수입니다.

이해가 어려운 부분이 있으신다면, 강의 내용을 다시 확인하거나 관련된 문서를 찾아보시면 도움이 될 것입니다. 궁금한 점이 더 있으시면 언제든지 질문해주세요. 감사합니다!

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

0

70

1

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

0

50

1

npx 명령어 사용 불가

1

74

1

const 변수와 컴포넌트의 차이

0

88

1

강의노트

0

139

1

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

0

323

1

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

0

765

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

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