53,900원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Svelte.js [Core API] 완벽 가이드
5 라이프사이클 모듈화 - 질문
크게 3가지 정도 동작이 이상해서 문의 드립니다.1) 강의 따라 입력하고 실행하다 보면 내가 입력한 코드가 자동으로 없어 지네요. 에러 나서 살펴보면 그래요주로 import 로 시작하는 문장이구요 다른것두 있는지는 ... 2) 저장 세이브 하면 코드 뒤에 자동으로 세미콜론이 붙네요.삭제해도 또 붙구요, 안 붙는 방법이 없을까요또한 import { aaa, bbb} 라면 지가 맘대로 { bbb, aaa } 순으로 순서가 바뀌구요또한 세로로 정렬이 되네요. 3) App.svelte 파일에서 {#if done} 로 해야 동작하네요강의내용대로 $done 하면 안되구요Something.svelte 파일에서는 $ 붙여야 하구요 세팅이 깨졌나요, 아님 다른 이유가 있는지 모르겠네요.또한 동작이 좀 틀립니다. Hello Lifecycle! 는 변하지 않고 계속 보이구요. 코드가 틀린지 몰라 몇번이나 봐도 그건 아닌거 같구요 4) 올리신 코드는 Trello 코드 같은데 별도로각 강의마다 했던 짧은 코드지만 파일로 올려주셨으면 조겠네요.강의 화면 찾아가면서 비교하기 너무 힘들고 시간이 많이 걸리네요.
- 미해결Svelte.js [Core API] 완벽 가이드
소스코드
라이프 사이클 모듈화 이 단원 코드는 어디서 받나요똑같이 동작 안해서 확인 하려구요
- 미해결Svelte.js [Core API] 완벽 가이드
스벨트킷 강의는 안해주시나요?
선생님 안녕하세요.강의 잘 보고 많은 도움 받고있습니다. 감사합니다. 혹시 스벨트킷 강의는 예정에 없나요!?
- 미해결Svelte.js [Core API] 완벽 가이드
강의 소스 코드
안녕하세요,혹시 깃허브 같은 저장소에서 강의에서 사용하는 소스 코드를 다운받을 수 있나요?있다면 어디에서 받을 수 있을까요?감사합니다.
- 미해결Svelte.js [Core API] 완벽 가이드
aws ec2 배포시 질문
안녕하세요 강의 잘 듣고 있습니다. 이번에 프론트는 스벨트로하고 백엔드는 라라벨로 엔드포인트 형식으로 api 요청을 해서 데이터를 받아 오는 형식으로 프로젝트를 진행 하려구 하는데요 질문이 있습니다 리액트 처럼 npm run build 후 nginx에서 index 경로를 잡아주면 잘 작동하는지 백엔드 데이터를 엔드포인트 형식으로 교환 하는게 올바른 방식 또는 스벨트에서 사용하기에 적합한 방식인지 이 두가지가 궁금합니다 정보가 많이 없어서 heropy님에게 여쭈어 봅니다 감사합니다~
- 미해결Svelte.js [Core API] 완벽 가이드
vite 사용하는 예시 추가 계획은 없으실까요?
개인적으로 vite 사용해보고 있는데좀 제한적이라서요 ㅋㅋ한 번 여쭤봅니다
- 미해결Svelte.js [Core API] 완벽 가이드
터미널에서 npx를 치실 때 흐린색으로 가이드처럼 나오는건 어떻게 해야 하나요?
안녕하세요. 스벨트랑은 조금은 상관 없는 질문이라 조심스럽긴 합니다만.. 강의 4에서 6분 25초쯤에 터미널에서 NPX를 치시면 흐린색으로 가이드처럼 나오는 부분은 어떻게 설정하는 건지 알 수 있을까요?혹시 맥에서만 되는 기능일까요? 저는 윈도우 유저 이긴 합니다 ㅎㅎㅎ좋은 해주셔서 감사합니다.
- 미해결Svelte.js [Core API] 완벽 가이드
textarea에서 esc 키를 누를 때 오류
13:08 초에서 on:keydown을 통해 event.key가 Escape인지 확인하여 offEditMode()를 실행하는 로직을 짜주셨는데, 결과적으로 작동하지 않았습니다.console.log로 이벤트를 찍어봤는데 Escape의 경우 콘솔창에도 기록되지 않는데, 어떻게 해야 정상적으로 실행이 가능할까요? Enter는 정상적으로 addList를 실행했었습니다.
- 미해결Svelte.js [Core API] 완벽 가이드
스벨트 반응성에 대해 질문드립니다!
안녕하세요 todo예제 진행하면서 궁금한 점 질문드립니다. 강의영상을 보면서 사진과 같이 코드를 작성해 보았습니다. 스벨트가 반응성을 보이기 위해서 $todos=$todos 자기자신을 재할당 해야한다고 이해하였는데 궁금한 점이 있어 질문드립니다! 1. 리액트에서는 재렌더링을 위해서 상태값을 불변성을 지켜주면서 업데이트를 했는데 스벨트의 반응성의 경우 단순하게 재할당만해도 반응성(재렌더링?)이 일어나는것인가요? 추가적으로 스벨트가 반응성을 감지하는 원리 같은 것이 있을까요? 2. $todos=$todos 자기자신에게 재할당하는 코드가 익숙치가 않아서 스프레드 연산자로 불변성을 지켜주는 로직으로 작성해보았는데 이 부분이 그냥 let 변수에 재할당하는 것보다 메모리 효율 측면에서 불리할까요? 감사합니다.
- 미해결Svelte.js [Core API] 완벽 가이드
백엔드는 어떻게 배우면 좋을까요?
선생님의 막힘없는 실력과 이해할 수 있는 설명에 감탄하며 완강하였습니다 이걸 배우고나니 막상 백엔드가 걱정이 되는데요 파이썬으로 백엔드 구현하고 싶은데 선생님 강의가 없어서 대체할만한 좋은 강의나 책이 있을까요?
- 미해결Svelte.js [Core API] 완벽 가이드
scss를 사용하기 위한 sveltePreprocess() 실행 위치가?
rollup.config.js 파일에 preprocess: sveltePreprocess()를 실행하는 위치가 어떻게 되는지요? config.js 파일의 구조가 약간 달라졌습니다. package.json 파일에서 @rollup/plugin-commonjs:^15.1.0 @rollup/plugin-node-resolve: ^9.0.0 추가로 설치된 node-sass: ^7.0.1 svelte-preprocess: ^4.10.7 rollup.config.js 파일에서 import svelte from 'rollup-plugin-svelte'; import commonjs from '@rollup/plugin-commonjs'; import resolve from '@rollup/plugin-node-resolve'; import livereload from 'rollup-plugin-livereload'; import { terser } from 'rollup-plugin-terser'; import css from 'rollup-plugin-css-only'; // 강의에는 없는 행 // svlete-preprocessor import 한다. import sveltePreprocess from 'svelte-preprocess'; 아래 plugins 블록에서는 강의에서와는 블록의 구조가 달라져 있습니다. plugins: [ // 여기 블록의 구조가 달라 정확하게 어디에서 sveltePreporcess()를 실행해야 // 하는지요. 아래 기술된 위치에 넣으니까 중첩 스타일에서 오류가 발생합니다. svelte({ compilerOptions: { // enable run-time checks when not in production dev: !production } }), // we'll extract any component CSS out into // a separate file - better for performance css({ output: 'bundle.css' }), sveltePreprocess(), // scss를 추가하기 위해 여기서 실행... ??? // If you have external dependencies installed from // npm, you'll most likely need these plugins. In // some cases you'll need additional configuration - // consult the documentation for details: // https://github.com/rollup/plugins/tree/master/packages/commonjs resolve({ browser: true, dedupe: ['svelte'] }), commonjs(), 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결Svelte.js [Core API] 완벽 가이드
보간한다는 뜻을 무슨 의미로 이해해야 하나요?
강의 중에 보간한다. 보간법이라는 말이 나오는데 보간이라는게 값을 채워넣는다는 뜻인가요? 보간이라는 말이 생소한 말이라 그런지 강의를 들으면서도 어떤 의미인지 와닿지가 않네요.
- 미해결Svelte.js [Core API] 완벽 가이드
[0:15] Vuejs 인라인 핸들러 비권장 설명
안녕하세요, 선생님. svelte에 관한 질문이 아니어서 죄송합니다. 강의 도입부에 vuejs와 svelte를 비교하시면서 vuejs는 인라인 핸들러가 권장되지 않다고 말씀해주시고 그 이유까지 설명해주셨는데 공식문서(https://vuejs.org/guide/essentials/event-handling.html)에는 그런 내용을 찾을 수가 없었습니다. 강의를 촬영한지 오래되셔서 기억이 잘 안나시겠지만, 혹시 기억나신다면 출처를 알 수 있을까요? 구글링을 하더라도 둘의 차이를 설명하는 글이 거의 없어서 검색이 어렵네요. 관련 키워드라도 알려주시면 감사하겠습니다!!!
- 미해결Svelte.js [Core API] 완벽 가이드
로그인 정보를 확인할 때
로그인 페이지를 만들 때 이미 이 접속자가 토큰이 있다면 메인페이지로 없다면 로그인페이지로 계속 접근하게 할려고하면 beforeupdate를 통해 토큰여부를 체크해주면 화면이 렌더링되기전에 바로 메인페이지로 보낼 수 있을까요? beforeupdate를 쓰면 beforeupdate가 여러번 호출되는데 왜이럴까요??
- 미해결Svelte.js [Core API] 완벽 가이드
재렌더링 때 interval 처리 질문
reset 변수의 값 변경에 따라 key 블록에서 Count 컴포넌트가 재렌더링 될 때 이전의 Count 컴포넌트의 interval 처리는 어떻게 해야하나요? 따로 onDestroy에서 clearInterval 처리를 해야하나요? vue에서는 메모리 누수 때문에 beforeDestroy 훅에서 직접 clearInterval 처리를 했던 기억이 있어서 여쭤봅니다.
- 미해결Svelte.js [Core API] 완벽 가이드
7:10초 설명에 질문 있습니다.
7:10초에 화면이 갱신되어야 반응성 구문이 실행된다고 하셨는데 정확히는 대기 로직만 처리하면 실행되는 거 아닌가요? 17번째 줄을 제거하면 count에서 화면이 없어 count가 증가하더라도 화면에는 변화가 없을 텐데 반응성 구문이 동작했거든요. 위의 결과를 근거로 하면 오히려 `count`의 값이 변경된 후 대기 로직이 처리되고 '반응성 구문($:)'이 실행되면서 화면이 갱신된다고 말씀하시는 게 맞지 않나 생각합니다.
- 미해결Svelte.js [Core API] 완벽 가이드
:global() 에서 & 적용이 안되는거 같아요
:global() 에서 & 적용이 안되는거 같아요 bundle.css에서도 &.sortable-chosen 이런식으로 나오는데 뭐가 문제인가요? 어느순간부터 갑자기 적용이 안되네요.. &.className 이나 &:hover 이런거 잘 되고 :global(.className) 이것도 잘 되는데 :global()에 & 이게 들어가면 적용이 안되네요 일단은 따로 빼서 :global(.list.sortable-chosen) 이렇게 사용하는중입니다..
- 해결됨Svelte.js [Core API] 완벽 가이드
promise 변수에 초기값 관련 질문입니다.
promise 변수에 프로미스 객체가 아닌 문자열을 넣어도 초기값으로 잘 출력이 되는데요. 프로미스 객체로 초기값을 설정해주는 것이랑 차이가 있을까요..?
- 해결됨Svelte.js [Core API] 완벽 가이드
혹시 vue 처럼 classObject 객체를 통해 제어하는 방법은 없을까요?
vue 같은 경우엔 아래와 같이 객체로 여러 클래스를 제어할 수 있는것처럼 스벨트에는 이런 객체 방식은 제공을 안하는 것일까요?vue에서 저 true, false 값을 따로 변수 처리하면 메소드로 각각 따로 따로 제어도 가능해서 편리해보이거든요. 물론 강의에 나온것처럼 스벨트에서 각 클래스마다 따로 따로 선언해주는 것도 가독성면에서 나쁘지 않은거 같긴 한데 혹시나 해서 질문 드립니다 :)
- 미해결Svelte.js [Core API] 완벽 가이드
onMount 응용해서 적용해보려고 하는데 오류가 나네요.
위와 같이 onMount 라이프사이클 안에 함수를 선언하고 DOM을 가져오는 구문을 작성했는데 오류가 나네요, 콘솔에는 not defined라고 나오고.. 흐음.. 나중에 어떻게 onMount를 활용하는지 영상을 더 보긴 해야할거 같은데... vue 생각하면 당연히 되어야 하는데 안되니까 당황스럽네요..ㅎㅅㅎa onMount 안에서는 이렇게 처리하면 안되는걸까요?