53,900원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨Svelte.js [Core API] 완벽 가이드
[질문] 자바스크립트 함수 선언문
늘 좋은 강의 만들어주셔서 감사합니다. snowpack 관련한 강의도 추가해주셔서 감사합니다. 😋 강의를 보다가 의문이 들었습니다. 왜 강사님은 함수 선언문으로 함수를 만드실까? <저의 생각> 일단 저는 함수 표현식과 선언문에 대해서 인지하고 있습니다. 제 추측으로는 함수 선언문은 호이스팅의 영향을 받으므로 선언하기 전에 호출하더라도 정상적으로 작동합니다. 이런 이점을 활용하기 위해 사용하신거 아닐까? 라는 생각을 하게 되었습니다. 화살표 함 수 대신 함수 선언문을 사용하신 이유가 궁금합니다! 남은 주말 잘보내세용
- 해결됨Svelte.js [Core API] 완벽 가이드
[질문] snowpack프로젝트 이관 후 sortable_ghost css 문의드립니다.
안녕하세요. snowpack프로젝트로 이관하는 수업까지 잘 마쳤습니다. 이관 후 다른 기능은 정상적으로 동작하는데 sortable_chosen, sortable_ghost 의 CSS가 정상적으로 표현되지 않아서요. (rollup으로 번들하면 정상 표현됩니다) 원인을 알 수 있을까요? 검토 부탁드립니다. 감사합니다. 데모사이트 : https://thirsty-knuth-947211.netlify.app/ snowpack.config.js const production = process.env.NODE_ENV === 'production'function babelOptions() { return { plugins: production ? ['transform-remove-console'] : [] }}module.exports = { mount: { src: '/_dist_', public: '/' }, plugins: [ ['@snowpack/plugin-svelte', { preprocess: require('svelte-preprocess')({ scss: { prependData: '@import "./src/scss/main.scss";' }, postcss: { plugins: [ // Check package.json browserslist require('autoprefixer')() ] }, babel: babelOptions() }) }], ['@snowpack/plugin-babel', { transformOptions: babelOptions() }], '@snowpack/plugin-dotenv', '@snowpack/plugin-sass', '@snowpack/plugin-optimize' ], alias: { '~': './src' }}; package.json { "name": "svelte-trello-snowpack", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "snowpack dev", "build":"snowpack build" }, "keywords": [], "author": "", "license": "ISC", "browserslist": [ "> 1%", "last 2 versions" ], "devDependencies": { "@snowpack/plugin-babel": "^2.1.4", "@snowpack/plugin-dotenv": "^2.0.4", "@snowpack/plugin-optimize": "^0.2.9", "@snowpack/plugin-sass": "^1.1.1", "@snowpack/plugin-svelte": "^3.3.0", "autoprefixer": "^10.0.2", "babel-plugin-transform-remove-console": "^6.9.4", "lodash": "^4.17.20", "postcss": "^8.1.7", "snowpack": "^2.17.1", "sortablejs": "^1.12.0", "svelte": "^3.29.7", "uuid": "^8.3.1" }}
- 미해결Svelte.js [Core API] 완벽 가이드
연결이라는 말이 이해가 안가요...
연결이라는 말이 이해가 안가요...
- 해결됨Svelte.js [Core API] 완벽 가이드
[질문] tick에 대한 이해
HEROPY님 좋은 강의 만들어주셔서 감사합니다. 최종 프로젝트 부분만 남아있는 시점에서 한가지 궁금한게 있어서 질문드립니다. 라이프사이클 함수중에 tick에 대해서 제가 정확히 이해하고 있는지 궁금합니다. 제가 이해한 tick 함수의 역할은 아래와 같습니다. (모호한 표현이 있을 수 있으니 이해해주세요.) 1. svelte 반응성은 할당을 통해서 일어납니다. 2. 할당에 의해 상태가 변경되면 DOM이 변경됩니다. 3. 그런데, 한 컴포넌트에서 동시 다발적으로 할당이 일어나는 경우 매번 DOM을 할당마다 변경해주기보다는 한꺼번에 처리해주는 게 성능상 더 효과적일겁니다. 그래서 마이크로 큐? 라는걸 도입해서 큐에 쌓아서 반응성을 차곡차곡 쌓고 한꺼번에 처리합니다. 4. 여기에서 tick 함수는 사용자가 마이크로 큐에 있는 값의 반응성을 명시적으로 일으킬수 있습니다. (스벨트가 자체적으로 몇 ms 마다 일으키는 반응성을 즉시 일으킬 수 있는 함수가 tick 함수입니다.) 저는 대략 이런 흐름으로 tick 함수를 이해했습니다. 제가 이해하는게 맞을까요? 늘 좋은 강의 감사드리며 앞으로 출시될 강의 기대하겠습니다 ^^!
- 해결됨Svelte.js [Core API] 완벽 가이드
[질문] svelte의 앞으로의 방향에 관하여(sapper)
안녕하세요! 질문이 있습니다. 최근에 우연히 https://www.codingwithjesse.com/blog/sapper-is-dead-whats-next-in-svelte/ 를 보게 되었는데요. sapper v1을 출시하지 않고 svelte@next라는 새로운 버전(?)을 공개한 것으로 알고 있습니다. 읽어보니 rollup 대신 snokpack 을 사용하고 svelte 자체에서 default로 ssr을 지원하려는 움직임을 볼 수 있는데요. 강사님께서 만드시는 강좌나 현 강좌가 리뉴얼 될 가능성도 있을까요?(변화가 있더라도 저는 무조건 다 들을겁니당!) 물론 이 변화가 단기간에 반영될거라고는 생각하지 않습니다만 강사님의 생각을 여쭙고 싶어서 질문 남깁니다!
- 해결됨Svelte.js [Core API] 완벽 가이드
[질문] CSS 문법 VSCode 에러 문의
안녕하세요. 강의 정말 잘 듣고 있습니다. 한가지 문제가 생겼는데 해결이 되지 않아 문의드립니다. SCSS 문법을 VSCode에서 에러로 인식하고 있습니다. 번들하는데는 아무 문제가 없어서 수업하는데는 지장은 없는데요. 소스에서 에러가 나는것 처럼 보여서 계속 신경이 쓰입니다. 해결 방법을 알고 계시면 알려주세요. 감사합니다.
- 해결됨Svelte.js [Core API] 완벽 가이드
[질문] 스벨트 최적화에 대해서
안녕하세요. 강사님 강의를 듣다가 갑자기 궁금한게 생겨서 질문드립니다. 제가 리액트를 아주 잘 알지 못하지만 예전에 잠깐 했을 때 최적화하는 부분이 떠올랐습니다.(갑자기 떠오른거라 제가 하는 말이 사실과 조금 다를수도 있습니당) 예를 들어 map을 통해서 리스트를 화면에 출력해야하는 경우에 리액트의 경우 상위 컴포넌트가 바뀌면 아래 하위컴포넌트를 다시 렌더링하는 것으로 알고 있는데요. 그 과정에서 변경된 자식만 렌더링하기 위해 라이프사이클 또는 React.memo로 별도의 작업을 해줬던걸로 기억합니다. 스벨트도 비슷한 작업을 해주어야하나요?
- 해결됨Svelte.js [Core API] 완벽 가이드
[질문] 세미콜론 생략에 대해서
강사님께서는 세미콜론을 생략하시는 이유가 있으신가요? 제가 알고 있기론 자바스크립트 엔진이 코드를 해석하면서 세미콜론이 없다면 자동으로 세미콜론을 붙여준다고 알고 있 고 이를 명시적으로 붙여주지 않는 경우 때에 따라 오류가 발생할 소지가 있다고 알고 있습니다. 이에 대해서는 의견이 분분한것으로 알고 있는데요. 강사님은 어떻게 생각하시는지 궁금해서 질문드립니다.
- 해결됨Svelte.js [Core API] 완벽 가이드
[질문] 스벨트에 대한 궁금사항
강사님 생각에는 1. 스벨트가 실제 프로젝트에 쓸만큼 현 시점에서 성숙하다고 생각하시나요? 저는 스벨트의 컨셉? 혹은 개념이 너무나 마음에 들어 이번 기회에 한번 파보고 싶어서 강사님의 강좌를 구매했습니다. 2. 다음 강좌는 언제쯤 출시되나용?