inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

템플릿 문법

ref 사용시 const선언

343

euntaek.oh11

작성한 질문수 4

0

안녕하세요

ref 사용시 const선언에 궁금한게 생겨서요

const는 상수선언할때 사용하는걸로 기억하는데

let이 아니라 const로 선언하는 다른 이유가 있을까요?

혹시 let으로 선언하면 문제가 발생할 까요??

vuejs

답변 1

0

짐코딩

안녕하세요 :)

const는 상수선언이 맞습니다. 즉 불변값! 값이 변하지 않을 때 사용하죠

값(value)의 변경할 필요가 있을 경우에는 let으로 선언하고,

변경이 필요 없을 경우에는 cosnt를 사용할 수 있습니다.

 

우선 저는 let은 꼭 필요한 경우(값의 변경이 필요)에만 사용하고 Default로 const를 주로 사용합니다.

이렇게 되면 값의 변경에 대한 버그도 줄고 다른 개발자가 보았을 때 불변한다는 의미를 더 쉽게 파악 할 수 있겠죠?

 

특히 ref로 선언한 반응형 데이터의 경우 참조타입(Reference Type) 입니다.

그렇기 때문에 더욱더 값(메모리 주소)의 변경이 있으면 안되겠죠? 이러한 이유로 반응형 데이터의 경우 const 선언 하는 것을 권장드립니다.

같은 이유로 airbnb 코드 스타일, eslint 관련 참고링크를 남겨드립니다.

https://github.com/airbnb/javascript#references

https://eslint.org/docs/latest/rules/prefer-const

감사합니다 🙂

props로 함수를 전달했을 때의 질문입니다!

0

653

1

eslint 세팅 질문 드립니다.

0

1729

2

컴포넌트 이벤트 전파 관련 질문입니다

0

520

1

app-level의 provide한 값을 새로고침시 정상적으로 inject하지 못함.

1

546

1

this.$refs에 값이 들어가는 시점이 언제인가요?

0

841

1

npm run dev 설치중

0

643

2

reactive vs ref... 굳이 reactive를 사용하는 이유가 뭔가요?

1

1962

1

dummy api axios 호출시 cors 에러

0

544

1

19:17 emit 관련 질문

0

574

1

reactive로 선언한 반응형 객체 자체를 바꿨는데 watch 콜백함수가 실행이 안되요

0

579

1

자식 컴포넌트에 input 태그, checkbox 같은 form 태그가 없으면 v-model 안 쓰는건가요?

0

585

1

template내 자바스크립트 표현식 평가 시점은 언제인가요?

0

356

1

App.vue 물결 표시 제거 방법

0

382

1

v-if 질문입니다!

0

571

1

ref vs reactive vs shallowRef

0

656

1

script 태그는 컴포넌트를 처음 가져올때 한번만 실행된다는 게 잘 이해가 안됩니다

1

676

1

이벤트 핸들러로 왜 일반 함수로는 작동이 안 되나요? + console.log도 인식이 안되요

0

350

1

Vue3 Composition API - computed

0

466

1

setup 함수내 문자열 관련 질문입니다.

0

358

2

v-on:click ="" 질문입니다

0

352

1

v-on:click="" 질문입니다

0

244

1

v-for에서 style을 사용하려 할 때

0

382

1

reactive와 computed 차이 질문

0

1118

1

emits사용 이유

1

456

1