강의

멘토링

로드맵

Inflearn brand logo image

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

Minkoo Lee님의 프로필 이미지
Minkoo Lee

작성한 질문수

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

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

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

작성

·

61

0

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

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

     

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

     

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

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

답변 2

0

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

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

감사합니다~!

 

0

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

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

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

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

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

Minkoo Lee님의 프로필 이미지
Minkoo Lee

작성한 질문수

질문하기