무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Svelte.js 입문 가이드
div에 on:click 이벤트 붙일 때 on:key와 관련된 이벤트를 같이 사용해야하나요?
visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress eventdiv에 on:click를 붙일 때 위와 같은 문구가 표시됩니다.on:key와 관련된 이벤트를 붙이니까 해당 문구가 사라지던데 꼭 그렇게 사용해야 하나요? 제가 div에 onclick 이벤트를 자주 쓰는데 div가 아닌 button을 사용해야 할 까요?
- 미해결Svelte.js 입문 가이드
cdn지원과 프론트엔드 프레임워크는 무슨 상관관계가 있나요?
cdn이 네트워크 속도를 빠르게 하기 위해서 물리적으로 가까운 서버를 제공하는 것이라고 알고 있습니다.근데 svelt에서 지원하는 것과 별개로 만들어진 동적, 정적파일의 위치를 조정하는 것에 불과한 것이라고 생각이 듭니다.여기서 svelt가 지원하지 않는다는 게 무슨 의미인지 궁금합니다. 제가 잘못 알고 있는 게 있다면 알려주시면 감사하겠습니다.
- 해결됨Svelte.js 입문 가이드
안녕하세요
안녕하세요 Svelte 공부를 하고 있는 개발자입니다.다름이 아니라 이번에 회사에서 SvelteKit 를 사용하려고 하는데혹시 추천해줄 책이 있을까요??Svelte 기반으로 되어 있다고해도 코드 작성 방식이 다른 식이라 혹시나 공부해보셨다면 SvelteKit 관련 추천을 부탁드립니다. 워낙 정보가 많이 없어서 문의 드립니다.
- 미해결Svelte.js 입문 가이드
todo 예제에서 스토어를 사용하실때 따로 stores.js 를 사용하지 않고 바로 App.svelte에서 스토어 객체를 생성하신 이유가 있나요
안녕하세요.우선 좋은 강의 감사합니다.스벨트와 직접적으로 관련이 없는 질문일 수도 있을거 같은데요. 그래도 궁금해서 여쭤봅니다!!마지막에 todo 예제에서 이전에 store 사용하실때와 달리 store.js 파일을 따로 생성해서 하지 않고바로 App.svelte에서 writable Store를 props..로 import 받아서 사용하신 이유가 있을까요?간단한 todo이기 때문에 따로 store.js 파일로 store에서 export되는 값들을 관리하기 보다 App.svelte 파일에서 바로 작성하시는게 쓸데없는 파일을 작성하지 않아도 되어서 그런것인지..(저는 이러한 의도라고 생각했습니다.) 혹은 다른 이유가 있는 것인지 궁금합니다.!!감사합니다.
- 미해결Svelte.js 입문 가이드
다른 라이브러리와 통합 또는 외부 라이브러리를 svelte로 불러오는 법.
강사님 svelte가 너무나 편하고 무엇인가 개발하기에 간편한 것은 사실입니다만, 라이브러리의 역할은 아직 리액트와 제이쿼리를 대체하기 힘들다고 생각합니다. 그래서 라이브러리에서 제공되는 것들을 가져와서 쓰고 라이브러리에 없는 내용은 svelte로 직접 제작하려고 하는데 svelte와 다른 라이브러리를 통합할 수 있는지 외부 라이브러리를 불러오는게 가능한지가 궁금합니다 감사합니다.
- 미해결Svelte.js 입문 가이드
스벨트 + 백엔드는 어떻한 형태로 구성을 많이 하나요?
질문 있습니다. ^^ 1. 스벨트를 도입시 백엔드는 어떻게 구성을 하나요? api형태로 데이타를 주고 받는지 아니면 다른 방식이 있는지요? 이런 것과 관련된 강의는 무엇이 있는지요? 개설하신 core api가 해당 내용인지요? 2 스벨트를 cdn형태로 링크를 걸어서 사용하는 것은 불가능 한지요? 기존에 개발된 프로젝트에 적용을 하려면 어떻게 해야하나 싶어서요? 제이쿼리 같이 링크룰 걸어서 사용을 할 수 는 없을까 해서요. 3. 개발에 적용할 경우 페이지 단위로 개발을 해서 적용하나요? 아니면 전체 프로젝트를 다 구성을 해서 적용을 하나요? 특히 기존의 시스템에 적용할 경우에 대한 가이드가 좀 필요해서요...
- 미해결Svelte.js 입문 가이드
스토어객체를 왜 굳이 props로 쓰는건가용
그냥 궁금합니당..
- 미해결Svelte.js 입문 가이드
props 기본값이 true인가요?
props reverse에 명시적으로 true나 false나 값을 쓰지않고 그냥 컴포넌트에 props 이름만 쓰면 기본값이 true가 되는건가요?
- 미해결Svelte.js 입문 가이드
혹시 에코시스템에 대한 질문을 해도 괜찮을까요?
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 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를 붙이기도 쉽고 ^^;; 끝으로, 좋은 강의 감사합니다. 설명이 장황하지 않고 깔끔해서 좋았어요. ^^
- 해결됨Svelte.js 입문 가이드
화살표 함수 관련 질문입니다.
안녕하세요. 너무나 훌륭한 강의 잘 봤습니다. 어쩜 그렇게 잘 가르쳐주시는지, 수업 듣는 내내 '참 대단하시다!' 싶었고.. 그만큼 배울 게 많아서 참 좋았습니다. 감사합니다. ^^ 마지막 수업까지 보고 나서 저도 Todo 예제를 만들어봤는데요. 역시나 수업을 볼 땐 워낙 설명을 잘해주셔서 따박따박 수긍이 가는 바람에 충분히 이해가 됐다고 생각했는데, 막상 혼자 코딩을 하다보니 여기저기서 막히더군요 ^^;; (수긍이 되는 것과 제대로 이해하는 것이 다르다는 걸 새삼 깨닫게 됐습니다 ^^;;) 수업에서 작성해주신 코드를 무작정 copy하기보다, 알려주신 내용을 최대한 기억해내면서 나름대로 이해한 내용대로 코드를 작성해보니, 정확히 어떤 걸 잘 모르고 있는지 제대로 파악이 돼서 좋았구요. 그렇게 시행착오 겪고 나서 수업을 다시 반복해서 보니 좀더 확실히 이해되는 것 같습니다. 근데 화살표 함수 관련해서 시행착오가 좀 있었는데요;; deleteTodo() 함수 내용 $todos = $todos.filter(t => t.id !== todo.id)를 $todos = $todos.filter(t => {t.id !== todo.id}) 이렇게 해놓으면 항목 하나 삭제 시도할 때 리스트 전체가 사라지는 현상이 있더라구요;; 제가 화살표 함수 구문에 대한 이해가 부족해서 그런 것같은데;; t => t.id !== todo.id 에서 t.id !== todo.id에 중괄호만 하면 boolean 값 return을 명시적으로 안해서 $todos.filter() 결과가 null이 되고, 중괄호를 안해야 boolean값들이 제대로 return 되기 때문에 그런 게 맞나요? input 태그에선 on:keydown={e => {e.key === 'Enter' && updateTodo()}} 이렇게 하나 on:keydown={(e) => e.key === 'Enter' && updateTodo()} 이렇게 하나 동일하게 동작하길래, 중괄호를 하든 안하든 상관없다고 착각했는데, input 태그에선 updateTodo() 함수를 호출하는 게 목적이라 return 여부와 상관없이 정상적으로 동작한 것같은데, 제가 이해한 게 맞는지 답변 부탁드립니다. ^^;;
- 해결됨Svelte.js 입문 가이드
bind 와 on:input, value 의 차이점에 대해 질문드립니다.
let text 가 정의된 상황에서 <input type="text" bind:value={text} /> -> bind를 사용하여 양방향 바인딩을 해주는 방법과 <input type="text" value={text} on:input={(e) => {text = e.target.value}} /> -> value, on:input을 사용하여 양방향 바인딩을 해주는 방법이 결과적으로는 같은데 두번째 방법을 사용해야 할 상황이 있을까요? 생각해보면 회원가입 입력폼에서는 양방향으로 사용할 필요가 없으니까 <input type="text" on:input={(e) => {text = e.target.value}} /> 위와 같이 사용해도 될 것 같다는 생각은 드는데 실무에서는 보통 어떤식으로 사용하는지 궁금합니다.
- 미해결Svelte.js 입문 가이드
설치가 자꾸 실패해요ㅠㅠ
npm err code ENOLOCAL npm err could not install from "경로" ['degit@latest'] 설치가 오류 코드 1로 실패했습니다. 이렇게뜨면서 npx 스밸트 설치가 안됩니다ㅠㅠ 도와주세요
- 미해결Svelte.js 입문 가이드
강의감사합니다
좋은 강의 너무 감사합니다 ^^ 질문이있습니다 todos 는 스토어 객체로 수정을하였는데, 그냥 todo는 따로 스토어객체를 활용하지않아도 수정이 가능한부분이 살짝 이해가 안됩니다. 이때 어떤 일이 일어나고있는건가요?
- 해결됨Svelte.js 입문 가이드
Windows 사용자는 npx 명령어 전 'git'을 설치하셔야 합니다.
질문은 아닌데, 윈도우 환경에서 저처럼 오류가 뜨는 분이 계실 것 같아서요. node와 npm이 아래와 같이 모두 설치가 되어있음에도 npx 명령어를 실행하면 아래와 같이 에러가 뜰 수 있습니다. 이렇게 에러가 뜨시는 분들은 PC에 git을 설치하신 뒤에 (git 설치법 출처 : https://likelion-kgu.tistory.com/29) VS Code를 재실행하신 뒤 npx 명령어를 실행하시면 됩니다.
- Svelte.js 입문 가이드
(완료) npx 명령어 실행 시, 오류가 발생합니다.
삭제된 글입니다