42,900원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨Svelte.js SPA 영화 검색 프로젝트
snowtemplate 를 설치하는중에 에러가 발생합니다.
안녕하세요 예제를 따라가다 보니 snowtempalte를 npm으로 설치중에 에러가 발생하네요강의 촬영시와 시간이 좀 흘러서 설치에 문제가 있어보이는데 보완할 수 있는 내용을 명시해주시면 좋을 것 같습니다.감사합니다.
- 해결됨Svelte.js SPA 영화 검색 프로젝트
안녕하세요 Vite + Svelte로 프로젝트 시작하려고하는데 prettier + eslint 설정이 잘 안되고 있습니당
안녕하세요 Vite + Svelte로 프로젝트 시작하려고하는데 prettier + eslint 설정이 잘 안되고 있습니다 ㅠㅠ https://github.com/sveltejs/prettier-plugin-svelte#readme 이곳에 가서 prettier 설정하는거 보고 dependency 설치 후 .prettierrc 파일을 root directory에 만들어서 하는데 .svelte file에게만 prettier rules가 적용이 안되고 있습니다. 무슨 영문인지 도대체 모르겠습니다. 미리 답변 감사 드립니다!
- 해결됨Svelte.js SPA 영화 검색 프로젝트
autoprefixer를 스태틱한 css에 적용할 수 있는 방법이 있을까요?
안녕하세요 강의 다 본 후 구성 비슷하게 맞춰서 작업하고 있는데요 scss를 사용하면 vue도 마찬가지지만 svelte는 유니크한 클래스가 붙잖아요, 그래서 나중에 css 디버깅할 때 너무 불편해서 그냥 css 파일을 별도로 만들어서 붙여봤거든요, 1. head 태그에 링크로 css 삽입하는 방법,2. main.js에 import 해서 css를 불러 오는 방법을 사용했는데 autoprefixer가 적용이 안되네요... 따로 css-loader나 file-loader를 적용해야 하나 해서 snowpack.config.js 옵션을 봤더니 rule 옵션은 없는거 같고.. 다른 방법이 있을까요? ㅠㅠ
- 미해결Svelte.js SPA 영화 검색 프로젝트
영상 위치 [11:21] 안내
강의 잘 듣고 있습니다.! 덕분에 스벨트를 쉽게 이해하고 있습니다. 감사합니다. 궁금한점: 11:21초에 보면 18번 행에서 '<Loader absolute>' 라고 적었는데요. (Movie.svelte 에서 선언한 Loader컴포넌트) 여기서 absolute가 적용되는 원리가 궁금합니다. 질문1) 'Loader.svelte' 컴포넌트에서 11번행 위치에 선언된 'class:absolute' 스타일이 적용되어서 html 태그의 속성처럼 사용할 수 있게되는 것인지요? 다른 질문 2) 테스트시 런타임환경에서 개발자도구에 들어갔을때 콘솔에서 간헐적으로 웹 소켓에 대한 에러가 주기적으로 (30초?1분?)발생 합니다. 제가 잘 못 코드를 작성한 경우 이런일이 발생 할 수 있나요? 질문3) 그냥 물어보는? 해결이 안되어도 괜찮습니다.! IDE 툴로 웹스톰을 사용중입니다. 예를들어 스크립트에서 선언한 변수를 스벨트내 html태의 스타일을 변수로 사용하는 경우 웹스톰에서 에러로 인식합니다.(작동에는 전혀 지장이없음.) 그러나 자꾸 눈에 거슬립니다. 혹시 방법을 아시는지요? 아래코드는 예제 부가 설명 코드) <script> export let scale</script><div style="transform: scale({scale})"> <div> 올려주신 내용 덕분에 너무나도 잘 배우고 있습니다. 다시한번 감사드립니다.
- 미해결Svelte.js SPA 영화 검색 프로젝트
최종 사이트 배색
사이트를 따라서 다 만들고 나니 안의 작동하는 기능도 좋지만 디자인 배색이 정말 좋네요. 이런 배색은 어떻게 결정하시는건가요?? 디자인에 재능이 없어 부트스트랩같은 것을 사용하다가 저도 좀 이렇게 배색잘해보고싶은데 감이 하나도 안오네요..
- 미해결Svelte.js SPA 영화 검색 프로젝트
강사님 질문인데요
npx degit sveltejs/template my-svelte-project이렇게 해서 svelte를 설치하면 롤업이 있던데 이게 스노우팩 대체로 써도 되나요?그리고 vite랑 롤업 둘중에 뭐가 더 현시점에서 사용을 추천하시나요?
- 미해결Svelte.js SPA 영화 검색 프로젝트
scss는 prependdata로 미리 불러와야되나요?
혹시 왜그래야되는지 알 수 있을까요? 제가 또 궁금한건 설정파일에서 prependdata로 꼭 불러와야되나요? 그냥 index.html 로딩할 때 scss파일을 임포트하는형식은 왜 안될까요 궁금하네요 ㅜ
- 미해결Svelte.js SPA 영화 검색 프로젝트
vite-svelte-ts로 진행중인데용
routes 폴더 내에 index.ts를 만들어서 import Home from "./Home.svelte"; import About from "./About.svelte"; export default { "/": Home, "/about": About } 했습니다. 근데 실제 작동은 되는데 에러가 ts(2307)로 나와요 혹시 해결책이 있을까요? ㅠ
- 미해결Svelte.js SPA 영화 검색 프로젝트
vite로 진행중인데 개발자도구 키면 내용이 조금 달라요
vite.config.js import { defineConfig } from 'vite' import { svelte } from '@sveltejs/vite-plugin-svelte' import sveltePreprocess from 'svelte-preprocess' // https://vitejs.dev/config/ export default defineConfig({ plugins: [svelte({ preprocess: sveltePreprocess({ scss: { prependData: '@import "./src/scss/main.scss";' }, }) })] }) 개발자도구 <h1 class="s-XsEmFtvddWTw">Svelte</h1> 이렇게 뜨고 display: -webkit-box dispaly: -ms-flexbox가 안보이는데 제대로 된건가요? 무엇이 빠진걸가요 ㅠ
- 미해결Svelte.js SPA 영화 검색 프로젝트
vite로 진행해도 문제 없겠지용?
https://vitejs-kr.github.io/guide/#scaffolding-your-first-vite-project 보고 바이트로 진행하니 기본설정이 다 잘 잡혀있네용 vite로 해도될까용
- 미해결Svelte.js SPA 영화 검색 프로젝트
Degit 이슈
1. Degit 으로 받은 Template pacakge.json 안에는 svelte-spa-router 가 없는데.. .어떻게 해야할까요.. 버전을 맞춰야 할거같은데2. 그리고 작성일 기준 2022-04-01 에 package.json 으로 설치시 70 개 정도 되는 취약점이 나오는데 넘어가도 되나욤? 3. degit 받아서 실행시키면 정상 작동됩니다. 하지만 svelte-spa-router 가 없어서 설치를 하고 나면, 갑자기 아무 코드도 안건드렸음에도 App.svelte 의 lang="scss" 에서 에러 창이 뜹니다.4. 에러 창이 뜬 상태로도 실행은 되지만, Router 를 임포트 하는 순간 바로 다운됩니다.5. 설치가 안되었나 확인해보면, package.json , package-lock.json 모두 정상 설치가 된 것을 체크할 수 있습니다. "svelte-spa-router": "^3.2.0", 어떻게 해야할까요?Router 를 임포트만 해도 바로 다운되어 버립니다.
- 미해결Svelte.js SPA 영화 검색 프로젝트
공개해주신 파일 config 파일들은 어떤 원리로 실행이 되는건가요?
원래는 한개였던 파일들이 흩어졌는데, 혹시 그 이유가 따로 있을까요?
- 미해결Svelte.js SPA 영화 검색 프로젝트
gitignore 처리에 대하여
배포해주신 탬플릿에서,, 실제로 토이 제품 deploy 할때, 가려야 하는 파일 리스트를 따로 알려주실 수 있으실까요? ㅠㅠ
- 미해결Svelte.js SPA 영화 검색 프로젝트
babel-plugin-transform-remove-console 정상 작동 안되는 분
오타도 없고 버전도 일치하는데 해당 기능이 정상 작동 하지 않는 경우라면, Ctrl + F5 를 통해서 캐시를 날려보세요. 브라우저가 변경된 셋업 파일을 반영하지 못하고 있을 확률이 높습니다.
- 미해결Svelte.js SPA 영화 검색 프로젝트
snowpack을 사용하신 이유가 있으신가요?
sveltekit에서는 vite를 사용한 거로 알고있는데, snowpack을 사용하신 이유가 궁금합니다.
- 미해결Svelte.js SPA 영화 검색 프로젝트
Snowpack 설치 하다가 에러 납니다~
npm i 실행하면 아래와같이 에러가 뜨고 npm run dev- 도 실행이 안됩니다 도와주세요!!!
- 미해결Svelte.js SPA 영화 검색 프로젝트
script에서 img load event를 사용하면 해당 url이 로딩될 때까지 기다리는 건가요?
안녕하세요 Heropy님. 실습 중 궁금한 점이 있어 질문 드립니다. - MovieCard.svelte의 script에서 img Element를 생성하고, load event를 붙여서 로드되는지 감지하는데 이 load가 되는지는 아래 html의 poster 요소의 style=background-image: url({movie.Poster});의 image load가 완료 될 때 동작하는 걸까요? 만약 그렇다면 동일한 url 요청이 2번 발생(poster와 info내의 poster)하게 되는데 두 요청이 모두 완료될 때 트리거 되는 건가요? 네트워크 탭을 보면 실제 요청은 1번만 발생하는데 동작 구조가 궁금합니다. 그리고 이후 요청에 대해서는 disk cache로 동작하게 되는데 disk cache는 자동으로 캐싱되는 것인지도 궁금합니다!(자동 캐싱이라면 캐싱이 유지되는 조건이나 기본 값이 있는지도 궁금하네요) 고퀄리티 강의 올려주셔서 항상 감사드립니다!
- 미해결Svelte.js SPA 영화 검색 프로젝트
axios 요청 시 y 파라미터가 빈 값인 경우 에러가 발생합니다
안녕하세요. 강의 잘 듣고 있습니다. store/movie.js에서 axios.get를 사용해 api request 시에 y파라미터 값으로 year를 전달하게 되는데요.(강의 6:40 ~ 부분) Search 컴포넌트에서 All years 옵션 선택 시 빈 스트링 값인 ""이 value로 전달되고, &y=""로 요청이 되게 되는데 OMDb API가 변경되었는지 해당 요청에 대해 401 에러를 반환합니다.(이유는 모르겠지만 API Key가 정상임에도 에러 메시지가 Invalid API Key Error네요.) const res = await axios.get(`https://www.omdbapi.com/?apikey=${OMDB_API_KEY}&s=${title}&type=${type}${year ? `&y=${year}`: ""}`) 위와 같이 year 값이 존재하는 경우에만 y파라미터를 사용하도록 변경하니 잘 작동하는데요. 원인이 정확하지 않아 확인 차 여쭤봅니다. 그리고 위와 같이 값 존재 여부에 따라 파라미터를 선택적으로 넘겨주고 싶을 때 저렇게 코딩하는게 맞나요...?(좀 더 좋은 방식이 있는지 궁금합니다)
- 미해결Svelte.js SPA 영화 검색 프로젝트
에러 질문 있습니다!
netlify로 배포한 사이트에서 검색시 아래와 같은 오류가 발생하는데 해결방법이 있을까요?? Mixed Content: The page at 'https://suspicious-ride-04b74f.netlify.app/#/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://www.omdbapi.com/?apikey=7035c60c&s=frozen&type=movie&y=&page=1'. This request has been blocked; the content must be served over HTTPS.
- 미해결Svelte.js SPA 영화 검색 프로젝트
sveltekit으로 개발된 프로젝트를 iis나 server로 띄우는 방법이 있을까요??
선생님! 안녕하세요!! 선생님께서 제공주신 템플릿으로 이거저거 개발하다가 sveltekit으로 ssr프로젝트를 만들고 iis연결하려는데 정보가 부족해서 글을 남기게 되었습니다ㅠ! 검색하다보니 iisnode 검색내용도 나오던데 어떻게하면 svelltekit 으로 개발된 프로젝트에 iis를 통한 사이트 오픈이 가능할까요?ㅠㅠ