itemForm파일에서<Modal bind:modalActive={$modalActiveItem}> 이렇게 되어있는데요Modal코드를가보면<script> export let modalActive = false const closeModal = () => { modalActive = false } </script> {#if modalActive} <div class="modal-bg" class:show={modalActive === true}> <div class="custom-modal" class:show={modalActive === true}> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <slot name="modal-title"></slot> <button type="button" class="btn-close" on:click={closeModal} ></button> </div> <slot name="modal-body"></slot> <slot name="modal-footer"></slot> </div> </div> </div> </div> {/if} 이런식으로 modalActive가 boolean으로 되어있습니다.하지만 itemForm에서<Modal bind:modalActive={$modalActiveItem}> 여기 코드에서 $modalActiveItem는 store에서 function setModalActiveItem() { const { subscribe, set } = writable(false) const openModal = () => set(true) const closeModal = () => set(false) return { subscribe, set, openModal, closeModal, } } export const modalActiveItem = setModalActiveItem()이런형태의 함수이고, 객체형태로 리턴을해주고있는데블리언 형태로 넣을수가 있는지 궁금합니다.스벨트에서 블리언 타입이란, 바인드로 존재하는 객체를 넣었을때, 그 객체가 존재하면 그게 true가되는걸까요?이것도 저것도 아니라면..함수에 감싸고있지만 const { subscribe, set } = writable(false) 이것때문에 초기값이 false로 리턴이된다는건가요?어떻게 이게 가능한거지 너무어렵습니다..

선생님 안녕하세요부트스트랩 파일은 말그대로 부트스트랩 코드를 파일로 가져오신거같은데boxicon폴더는 선생님이 따로 만들어두신 폴더를 이번 강의에 사용하고계신걸까요? 넘 유용한거같은데 혹시 스토리북으로 설정해두신게 있으실까요?고수들은 따로 css 스타일폴더를 관리한다고하던데 선생님도 혹시 이런식으로 관리하시나용?

선생님 안녕하세요,섹션7 디자인요소배치 코드를 따라쳤으나흰색 화면이 떠서 문의드렸습니다.https://github.com/jungsikjeong/smart-menu-study제가 여태까지 작성한 코드인데요.. 혹시 실수한 부분이있을까요?..선생님 강의 영상 코드랑 계속 대조해보기도하고,선생님 깃허브 코드랑 비교도해보고있는데..쉽지않네요..

토큰이 만료되면 리프레시토큰을 확인하고,리프레시토큰 기간이 남아있다면 access토큰을 재발급해주고,리프레시토큰도 유효기간이 끝났다면 로그아웃을 시켜주는 기능은어떤식으로 개발할 수 있을까요?..프론트쪽에서 서버에게 통신하는 방법이 궁금합니다..커리큘럼에 로그인 인증관련 제목이있어서 이런방법이있을줄알고 구매후 다섯시간가량 듣고있는데 없는거 같아서 절망스럽습니다ㅠ_ㅠ

App.svelte<script> import Card from './card.svelte';</script><Card> <span slot="name"> 홍길동 </span> <span slot="address"> 서울특별시<br>여의도동 </span> <span slot="email"> ab@abc.com </span></Card><Card let:hovering> <span slot="email"> {#if hovering} <b>ab@abc.com</b> {:else} ab@abc.com {/if} </span></Card>  card.svelte<style> .contact-card { width: 300px; border: 1px solid #aaa; border-radius: 2px; box-shadow: 2px 2px 8px rgba(0,0,0,0.1); padding: 1em; margin: 0 0 1em 0; } h2{ padding: 0 0 0.2em 0; margin: 0 0 1em 0; border-bottom: 1px solid #ff3e00; } .address, .email { padding: 0 0 0 1.5em; background: 0 50% no-repeat; background-size: 1em 1em; margin: 0 0 0.5em 0; line-height: 1.2; } .address { background-image: url(tutorial.icons/map-marker.svg); } .email { background-image: url(tutorial/icons/email.svg); } .missing { color: #999; } .hovering { background-color: #ffed99;}</style><script> let hovering = false; const enter = () => hovering = true; const leave = () => hovering = false;</script><article class="contact-card" class:hovering on:mouseenter={enter} on:mouseleave={leave}> <h2> <slot name="name"> <span class="missing">이름 미입력</span> </slot> </h2> <div class="address"> <slot name="address"> <span class="missing">주소 미입력</span> </slot> </div> {#if $$slots.email} <div class="email"> <slot {hovering} name="email"> <span class="missing">이메일 미입력</span> </slot> </div> {/if}</article> 제가 작성한 코드인데 뭔가 잘못된 것인지 오류 메세지로let:hovering declared on parent component cannot be used inside named slot (App.svelte:21:7)라고 나옵니다. 강의를 제가 잘못 따라한 것인지 궁금합니다. <script> import Card from './card.svelte';</script><Card> <span slot="name"> 홍길동 </span> <span slot="address"> 서울특별시<br>여의도동 </span> <span slot="email"> ab@abc.com </span></Card><Card let:hovering> <span slot="email" let:hovering> {#if hovering} <b>ab@abc.com</b> {:else} ab@abc.com {/if} </span></Card>이렇게 slot 내부에 다시 hovering을 선언하면 작동은 잘 되는데 맞게 작성한지 잘 몰라서 질문드립니다.

GraphQL 기본 수업에서 학습용 프로젝트를 런하려고 하는데...DISABLE_WEBSOCKETS=true meteor run 이 안됩니다.'DISABLE_WEBSOCKETS'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.라는 메시지가 뜹니다.README.md 보고 그대로 따라했습니다.어떻게 해야하나요??

섹션 9. Frontend 개발 - item 관련 기능구현 / item 추가를 듣고, 마지막에 서버실행시켜서, item 추가하는 부분을 보았는데,이렇게 메뉴추가를 해도 아무런 반응이 없어서, 오타가 있나 싶어서, 찾아봐도 없길래,뭔가 빠졌나 봤더니,클릭이벤트 시 onAddItem 함수를 실행시켜 주는 내용이강의에서 누락되어있음을 확인했습니다.저부분을 추가해주니, 잘 작동하였습니다. 강의 편집하시면서, 빠뜨리신거 같습니다.중요한 부분이라, 제보합니다.다다음 강의인 item 수정/삭제 강의에서, 앞 강의에서 작성하는 내용이 없었음에도해당부분이 이미 작성되어있는 것도 확인했습니다. 해당 영상 코드 오타입니다.따라치시는 분들이 에러 날수도 있을거 같습니다.resut -> result경로가 잘못나왔습니다. 이렇게 되어야합니다.그리고 중요하지 않은 사소한 오탈자 및 편집 영상이 튀는 것들을 수업 들으면서,이전에 작성했던 글에 답글형식으로 수업들으면서 눈에 뜨일때마다 계속해서 제보드리고 있습니다. (게시판 도배방지목적)강의 개정에 도움이 되셨으면 합니다.영상 튀는 부분 : https://www.inflearn.com/questions/786367/오탈자 : https://www.inflearn.com/questions/785432/ 

해당 영상 5:45 에서 편집이 좀 튑니다. 내용이 살짝 반복되네요이전 강의영상들에서도 몇개 있긴했는데, 적어놓진 않았네요.앞으로 수업들으면서 튀는 부분이 또 나오면,추가글을 작성안하고 이글의 답변으로 남겨놓겠습니다.너무 제가 질문게시판 글 도배하는거같은 느낌이 있네요.;

깃허브 자료에 있는 코드에 있는 다른부분? 오탈자? 제보합니다.해당부분 _id : _id가 되어야 하지 않나요?그리고 이부분은 강의영상에서는 const 로 되어있던데강의자료에는 이부분만 let으로 되어있습니다. 상관없는 건가요?error 명령어 출력하는부분, throw 가 없네요 여기는.  

오탈자 제보합니다. 해당부분,updateFile 이 아닌uploadFile 이 되어야합니다. 이부분 때문에 계속 playground 가 하얀화면으로 아무것도 안나왔었어요.ㅠㅠ다행히 수업자료 파일은 제대로 나와있었어서 코드하나하나 비교해가면서 겨우 찾았네요..

제보합니다. 경로가 /utils/formatDate 로 되어야합니다.오탈자 입니다.

안녕하세요! 다른 쿼리문은 잘 출력되는데 comments만 계속 null이 뜹니다.query { comments { text userId }} 위 쿼리문에서{ "data": { "comments": null }}널값이 출력됩니다. 다른 쿼리문은 수업 내용과 같이 출력되고, mutation까지 잘 진행됐는데 코멘트만 null이 떠서 질문 남깁니다. 제가 무슨 실수를 한걸까요?ㅠㅠ

안녕하세요!meteor 설치 오류로 한참 고통받다 해결한 m1 유저입니다.meteor가 m1에서 호환된다고 공식발표되었지만,여전히 rosetta를 이용한 우회로 설치 가능한 것 같습니다.설치 오류 있으신 분들은 rosetta로 설치해보세요!혹시 저처럼 고통받는 분들이 있으실까봐 공유합니다🥲

안녕하세요 Vite + Svelte로 프로젝트 시작하려고하는데 prettier + eslint 설정이 잘 안되고 있습니다 ㅠㅠ https://github.com/sveltejs/prettier-plugin-svelte#readme   이곳에 가서 prettier 설정하는거 보고 dependency 설치 후 .prettierrc 파일을 root directory에 만들어서 하는데 .svelte file에게만 prettier rules가 적용이 안되고 있습니다. 무슨 영문인지 도대체 모르겠습니다. 미리 답변 감사 드립니다!

강의 중에 보간한다. 보간법이라는 말이 나오는데   보간이라는게 값을 채워넣는다는 뜻인가요?   보간이라는 말이 생소한 말이라 그런지 강의를 들으면서도 어떤 의미인지 와닿지가 않네요.        

CDN가 궁금해요

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.   안녕하세요, 강사님 패캠에서 구매했던 강의에 강사님이 있었는데, svelte에서도 또 만나뵙네요. ㅎㅎ 무료 강의분을 들어보았는데 맘에 들어서 바쁜일이 마무리되면 강사님의 svelte 강의를 구매해 보려고 합니다. 그 전에 제가 잘 이해가 안가는 부분이 있어 질문을 드립니다. 타 블로그 등에서 서로 상반되는 얘기들이 좀 있어서 헷갈리더라고요. 제가 잘못 이해하고 있거나 부족한 부분에 대해 설명 부탁 드립니다.   강사님이 강의에서 프로젝트 생성에 사용하신 방법이 degit을 사용해서 template을 가져오는 방법이었고, 여기서는 rollup을 사용하고 있는 것으로 알고 있습니다. 현재 svelte 쪽에서는 snowpack으로 이전을 하려고 하고 있고, 현재 beta가 공개된 것으로 알고 있고요. 이 snowpack, vite, sveltekit의 관계를 잘 모르겠어서 여쭤봅니다. 누구는 snowpack이 sveltekit을 사용하려다 vite로 바꿨다 하고 누구는 다 다른거다라고 하고 누구는 sveltekit이 vite 기반으로 만들어서 snowpack으로 이름을 바꾼거다 라는 것 같더라고요. 모두 영어권 자료를 본 거라 제가 잘못 해석했을수도 있지만, 이정도로 정리가 되는 거 같은데, 혹시 강사님께 정확한 설명을 부탁 드려도 괜찮을까요? 제가 이해하기로는 현재 svelte 진영은 sveltekit을 recommend 하고, sveltekit은 snowpack을 기반으로 했다가 현재는 vite 기반으로 하는 것으로 이해했습니다.   개인적으로는 template보다 이 방법이 선호되더라고요. linter나 formatter 설정도 쉽고, typescript도 깔끔하게 잘 붙고, 좋아하는 tailwindcss 같은 3rd party를 붙이기도 쉽고 ^^;;   끝으로, 좋은 강의 감사합니다. 설명이 장황하지 않고 깔끔해서 좋았어요. ^^

안녕하세요 . 헤로피님  회사에서 React에서 Svelte로 툴 변경을 위해 강의를 수강중인 학생입니다 ^^  svelte의 context API인 getContext, setContext를 보던 중 Store와 비슷하게보여, 하위 컴포넌트에서 동일한 key를 다른 값으로 set해보았습니다. 그런데, 컴포넌트 외부에서 함수가 실행되었다고 에러 메세지가 나오고 이를 확인해보기 위해 검색을 해본결과 context로 넘긴 값은 반응성을 가지지 않는다고 알아 내었습니다.  그렇다면, store객체는 context의 기능과 더불어 어디에서나 사용가능하며, 반응성을 가지는데, 스벨트에서는 비슷한 역할을 하지만, 좀 더 활용방안이 높은 store와 context로  기능을 나누어 놓은 이유가 궁금하네요. (context의 기능을 실무에서는 하위 컴포넌트로 domain같은 상수 값 들을 전달하는 용도로만 사용하고 store는 반응성을 가질 수 있는 컴포넌트로 구분지어 사용하는 편이 좋을까요 ? 아니면 store로 context의 기능을 대체하여 사용할까요 ? )

안녕하세요! 오늘 수강신청했어요 ㅋㅋ 호기심 때문에 한번 공부 좀 해보려고 하는데 문뜩 떠오른게 있는데요 혹시나 하이브리드앱도 개발 할 수 있는가 해서요~ 리액트네이티브? 처럼 앱개발까지 좀 해보고 싶습니다.