inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

공통 컴포넌트 분리 (based on Vue.js 3 spec)

공통컴포넌트 영상에 감사합니다. (질문 1개 포함)

80

Minkoo Lee

작성한 질문수 44

0

일단 공통컴포넌트 분리 강의 들으면서 많은 것을 익히게 되서 먼저 감사드립니다.

  1. 강의 영상만드실때 중간중간 쓰시는 단축키를 설명안에 혹은 영상안에 처음에 설명을 해주시면 좋을듯 합니다.

     

  2. 이전 강의 내용중에 ! 쓰는것 보단 명확하게 ex)confirm창 같은경우 === false) return;로 하라고 하셔서 그렇게 하고 있습니다. 그래서 아래처럼 바꿔봤습니다. 아래처럼 사용해도 될까요?

     

const isPrevPage = computed(() => ({ disabled: props.currentPage === 1 }));
const isNextPage = computed(() => ({
	disabled: props.currentPage === props.pageCount,
}));

컴포넌트 분리하면서 이런식으로 리팩토링을 하는구나 라고 보여져서 너무 좋은 강의 였습니다. 그동안 배웠던 방식이 많은데 한데 모여있는 듯한 느낌도 들었구요. 공통컴포넌트 분리 강의 처음에 들었을 땐 정신이 하나도 없었는데 잘 기억이 안나는건 기본편이랑 번갈아가면서 보면서 이제 쪼금 익숙해지는거 같습니다. 영상내용이 조금 빨라서 처음에 따라가기 벅찼는데 3번쯤 보니깐 눈에 전부 들어오네요. ㅎㅎ

vue.js

답변 2

0

짐코딩

넵넵 그렇게 사용하셔도 됩니다~!

감사합니다~!

 

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.
Minkoo Lee님, 공통 컴포넌트 분리 강의를 잘 수강하고 계신 것 같아 기쁩니다. 강의에 대한 상세한 피드백 감사드립니다.

질문하신 코드에 대해 말씀드리자면, 아래와 같이 리팩토링 하신 부분은 사용하셔도 무방합니다. 코드가 명확하고 읽기 쉬워 보입니다:

const isPrevPage = computed(() => ({ disabled: props.currentPage === 1 }));
const isNextPage = computed(() => ({
	disabled: props.currentPage === props.pageCount,
}));

이 외에도 제안해주신 단축키 설명 부분은 강의 제작자에게 큰 도움이 될 것 같습니다. 필요하신 경우, 별도로 인프런의 ‘수강 전 문의 게시판‘을 통해 강의자에게 직접 문의하실 수도 있습니다.

앞으로도 좋은 강의와 학습의 즐거움을 이어나가시길 바랍니다. 추가적인 질문이 있으시면 언제든지 문의해 주세요. 좋은 하루 보내시길 바랍니다!

질문드립니다.

0

32

0

unplugin-vue-components 질문드립니다.

0

37

2

강의듣다가 헷갈려서 질문드립니다.

0

31

1

와 짐코딩님 강의 들으면서 느끼는게 많네요.

0

32

1

질문드립니다.

0

31

2

라우터 인스톨 후 실행안됨

1

48

2

코드 자동 포매팅 질문

0

68

2

필터 watchEffect 질문입니다.

0

50

1

json-server 오류가 다른게 뜨네요

0

111

1

미리보기가 안됩니당...

0

69

2

unplugin-vue-components

0

80

2

TypeError 질문

0

51

1

v-model="show" :show="show" 같이 사용?

1

56

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

325

3

강의와 상관은 없지만, 궁금한 점이 있어 질문드립니다.

0

122

2

컴포넌트 분리 부분에서 오류가 나요ㅠㅠ

0

167

2