페이지 컴포넌트에 props 전달하는 부분 관련
545
18 câu hỏi đã được viết
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
안녕하세요,
함수로 props를 전달하는 부분 (강좌 12:00 ~)에서,
기존에는 받은 값을 int로 바꾸는 작업을 했었는데
함수로 전달하면서 애초에 int값을 주는 것으로 변경했습니다.
이 변화로 인해 기존 코드에서 parseInt 관련 부분을 삭제/수정했습니다.
그런데.. 12:57 부근에서
<PostDetailView id="1"> 을
<PostDetailView :id="1"> 로 변경했습니다.
이 작업이 어떤 의미를 갖나요?
v-bind를 추가한 것이 "1"을 string에서 int로 인식하게 하는게 이해가 되지 않습니다.
미리 감사합니다!
Câu trả lời 2
0
선생님,
Q) <PostDetailView id="1"> -> <PostDetailView :id="1"> 이 작업의 의미
A) id 라는 속성값의 타입을 String으로 넘기는 것에서 Number로 넘기는 것으로 변경했음을 의미합니다.
이렇게 설명주셨는데, 단순히 넘겨지는 id값의 데이터타입변환만을 위해 :찍어주는건가요?? :id 하면 defineProps에서 정의된 id와 연결되서 값이 넘어가지는 걸로 이해했는데,
v-bind없이 id:"1"로 기재하면 어떻게 값이 전달되고 작동되는지 이해가 안됩니다:(
0
Q) id값의 데이터타입변환만을 위해 :찍어주는건가요??
A) id 값을 "숫자(number)" 타입으로 넘기기 위해 v-bind(:) 디렉티브를 사용한 것입니다. 만약 v-bind 디렉티브를 사용하지 않는다면 모든 값을 문자열(string)으로 인식이 될 테니까요
Q) v-bind없이 id:"1"로 기재하면 어떻게 값이 전달되고 작동되는지 이해가 안됩니다:(
A) HTML에서 속성에 값을 전달하면 그 값은 문자열입니다. 예를 들면
id="hello" // "hello" 문자열을 id 속성에 전달
id="123" // "123" 문자열을 id 속성에 전달
v-bind:id="123" // 123 숫자값을 id 속성에 전달
v-bind:id="'hello'" // "hello" 문자열을 id 속성에 전달
v-bind:id="'123'" // "123" 문자열을 id 속성에 전달
0
안녕하세요 :)
질문을 두 가지로 분리해서 답변 드릴게요~!
Q) <PostDetailView id="1"> -> <PostDetailView :id="1"> 이 작업의 의미
A) id 라는 속성값의 타입을 String으로 넘기는 것에서 Number로 넘기는 것으로 변경했음을 의미합니다.
Q) v-bind를 추가한 것이 "1"을 string에서 int로 인식하게 하는게 이해가 되지 않습니다.
A) 현재 게시글의 id 값은 1, 2, 3, 4, 5, 6, 7, 8, 9 ... 이러한 값 입니다. 이러한 값의 타입을 무엇일까요? 네! 맞습니다. number 타입입니다. 그래서 string 타입이 아닌 number타입으로 변경한 이유입니다. 만약에 id 값이 A001, A002, C001, C002... 이러한 string이었다면 계속 해서 string 타입으로 진행했을거에요~!
0
항상 신속하고 명확하게 답변주셔서 감사합니다 :)
질문을 조금 더 이어가봐도 괜찮을까요?
그러면, v-bind를 사용하는 상태에서 string을 넘기고 싶다면
:id="'1'" 로 넘기면 되는 것일까요?
질문드립니다.
0
32
0
unplugin-vue-components 질문드립니다.
0
37
2
강의듣다가 헷갈려서 질문드립니다.
0
31
1
와 짐코딩님 강의 들으면서 느끼는게 많네요.
0
32
1
질문드립니다.
0
32
2
라우터 인스톨 후 실행안됨
1
49
2
코드 자동 포매팅 질문
0
68
2
필터 watchEffect 질문입니다.
0
51
1
json-server 오류가 다른게 뜨네요
0
113
1
미리보기가 안됩니당...
0
69
2
unplugin-vue-components
0
81
2
TypeError 질문
0
52
1
v-model="show" :show="show" 같이 사용?
1
57
1
hash 모드 배포의 필요성?
0
61
2
.eslintrc.cjs 가 없습니다
0
95
2
title,content값이 비어서 저장되는데 제가 혹시 어떤 부분을 잘못 작성했는지 ㅜㅜ 알고싶습니다.
0
98
3
_title_like: "", 문의드려요 해당 값을 설정하면 list가 아에 안나옵니다.
0
64
1
@click.prevent="params._page = pageNum"> 에 .value를 안쓰는 이유가 궁금합니다.
0
71
2
중첩된 컴포넌트 문제
0
75
2
교안에 있는 부분이 아닌가요?
0
109
2
useAxios Proxy(Object) RefImpl
0
113
1
axios timeout
0
328
3
강의와 상관은 없지만, 궁금한 점이 있어 질문드립니다.
0
122
2
컴포넌트 분리 부분에서 오류가 나요ㅠㅠ
0
167
2