ComboBox 관련해서 질문 드립니다.

안녕하세요!말씀하신 기능은 emit-value와 map-options 옵션을 조합해서 구현할 수 있습니다. 핵심 옵션 설명:option-label="text": 화면에 표시될 텍스트 지정option-value="value": 실제 저장될 값 지정emit-value: v-model에 value 값만 저장map-options: 선택 후 화면에는 label(text)을 표시이렇게 설정하면:화면 표시: text 값으로 보여짐데이터 추출: v-model에는 value 값이 저장됨옵션 데이터 예시:options: [ { text: '서울', value: 'seoul' }, { text: '부산', value: 'busan' } ]

gitHub 레파지토리 보면

안녕하세요.올려주신 질문들을 보면 강의를 처음부터 순차적으로 실습을 진행하고 계신건지 궁금해서요.혹시 그런게 아니라면 천천히 순차적으로 함께 실습하면서 진행하는 것을 권장드립니다.그래야 정말 한단계 더 성장하는데 도움이 될 거예요.소스코드는 [3. 강의교안 & 소스코드] 회차에서 설명 드린 것처럼React 완벽 가이드: 기초부터 고급스킬까지 (learn-react)React 완벽 가이드: 린캔버스 웹 프로젝트 (lean-canvas-react)두 개의 리포지토리로 나뉘어져 있습니다.

80강 수강중인데

안녕하세요.3분 08초에 나온 화면은 홈 화면이고요.3분 09초에 나온 화면은 상세 화면입니다.홈(Home.jsx) 화면이 변경된 건 아니고요.[80. 린캔버스 상세] 회차는 상세 페이지를 구현하는 회차여서 상세페이지를 구현하고 있습니다.

79 타이틀수정 강의중

안녕하세요.영상을 확인해 봤는데요.[78. 삭제기능 구현] 회차에서 홈(Home.jsx) 컴포넌트 화면을 보여주고 있고요.[79. 타이틀 수정] 회차에서 시작할 때는 상세(CanvasDetail.jsx) 컴포넌트를 보여주고 있습니다.Home.jsx 컴포넌트 UI가 갑자기 달라진게 아니라 다른 컴포넌트를 설명하고 있어요.강의를 순차적으로 보면서 직접 타이핑을 하고 계신거죠~?만약 아니라면 꼭 순차적으로 보시면서 직접 실습을 하시는 걸 권장드릴게요.

_title_like: "", 문의드려요 해당 값을 설정하면 list가 아에 안나옵니다.

안녕하세요.JSON Server는 _title_like=""로 요청하면 제목이 빈 문자열인 게시글만 찾으려고 시도합니다. 당연히 그런 데이터는 없으니 빈 배열이 반환되는 거죠.방법 : 초기값을 undefined로 설정const params = ref({ _sort: "createAt", _order: "desc", _page: 1, _limit: 3, _title_like: undefined, // "" 대신 undefined });

@click.prevent="params._page = pageNum"> 에 .value를 안쓰는 이유가 궁금합니다.

안녕하세요.템플릿에서는 ref 객체가 자동으로 언래핑됩니다. (Vue 3 스펙~!) const params = ref({ _page: 1, _limit: 10 }) // 스크립트에서는 .value 필요 console.log(params.value._page) // ✅ params.value._page = 2 // ✅ {{ pageNum }} ✅ 에러! ❌ 요약:템플릿: params._page (자동 언래핑)스크립트: params.value._page (.value 필요)에러가 나는 이유는 이미 언래핑된 객체에 .value를 또 붙여서 undefined.value._page가 되기 때문입니다.Vue 3의 편의 기능이니 기억해두세요! 👍

tailwindCss 강의중

안녕하세요.아래 화면을 보시면 tailwindcss 버전을 선택하여 공식문서를 확인할 수 있습니다.(사진) https://v3.tailwindcss.com/docs/installation/using-postcss위 링크로 들어가시면 설치방법을 확인할 수 있어요~!npm install -D tailwindcss@3 postcss autoprefixer npx tailwindcss init

setter 함수 전개구문

안녕하세요! 😊JavaScript 객체의 속성 덮어쓰기 규칙 때문입니다.JavaScript에서는 같은 키가 여러 번 나오면 마지막 값이 덮어쓰여져요!// 현재 form 상태가 이렇다고 가정해볼게요 const form = { title: "기존 제목", content: "기존 내용" }; // ✅ 올바른 방법 (전개구문 먼저) const newForm = { ...form, // 기존 모든 값 복사 title: "새로운 제목" // title만 새 값으로 덮어쓰기 }; // 결과: { title: "새로운 제목", content: "기존 내용" } // ❌ 잘못된 방법 (전개구문 나중에) const wrongForm = { title: "새로운 제목", // 이 값을 설정했지만... ...form // 전개구문이 다시 덮어버림! }; // 결과: { title: "기존 제목", content: "기존 내용" } 이 패턴은 React에서 표준 방식이니까 계속 사용하시다 보면 자연스럽게 손에 익으실 거예요! 👍

모바일 사이즈에 대해 질문있습니다.

안녕하세요 🙂max-width 를 사용해서 최대 너비를 지정하시고요flexbox 나 mx-auto 와 같이 요소를 중앙에 배치할 수 있는 스타일을 적용하시면 돼요!팁을 말씀 드리면 원하는 사이트가 있다면 해당 사이트에거 개발자도구로 어떤 스타일이 적용되었는지 디버깅 하시면 보다 쉽게 접근할 수 있을 거예요 👍

unstable_cache 사용 시 적정 revalidate 값 문의

서비스 특성에 따라 달라지는 것 같습니다.일반적인 가이드라인:개인 블로그: 5-10분 (300-600초) - 글 발행 빈도가 낮아서쇼핑몰 상품: 1-5분 - 재고/가격 변동 빈도에 따라 고려사항:글 작성 빈도 (일주일에 1-2개면 10분도 괜찮을 것 같고)사용자 기대치 (즉시 반영을 원하는지서버 부하 (Notion API 호출 비용) 우선 revalidate 값은 초기에 원하는 값으로 설정하시고 유지를 하며 최적의 값으로 변경하시면 될 것 같습니다.