인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

jiyoon jang님의 프로필 이미지
jiyoon jang

작성한 질문수

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

반응형 기초 (Reactivity)

반응형기초-readonly 질문

작성

·

197

0

안녕하세요, 반응형 기초-readonly 관련 질문입니다.

original을 선언하고, original의 copy를 선언했을 때 copy를 readonly로 하면 copy의 값을 직접적으로 바꿀 수 없다는 점을 이해했습니다.

 

그런데 original.count++를 하면 original의 count 값만이 아니라 copy의 count 값도 바뀌더라고요.

저는 readonly를 사용한 게 count의 초기값을 보존하기 위해서라고 생각하고(마치 python에서 초기값을 다른 상수에 저장해놓는 것처럼), 어떤 때에도 readonly로 선언된 값은 변경되지 않는 줄 알았는데 original을 사용하니 값이 같이 바뀌어버렸습니다. 값을 고정할 수 없다면 readonly를 왜 사용하는 것인지 궁금합니다.

답변 1

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 :)

수업에서 말씀 드렸던 것처럼

내부 컴포넌트에서 사용하는 반응형 상태(original)를

외부 컴포넌트에 전달해야 할 때, 하지만 값의 변경(외부에서의)을

원치않을 때 사용하시면 됩니다.

만약 어떤 때에도 readonly로 선언된 값은 변경되지 않게 하려면 상수(const)선언을 사용하시면 되겠죠?

감사합니다.

 

 

jiyoon jang님의 프로필 이미지
jiyoon jang

작성한 질문수

질문하기