44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
세미콜론을 안붙히시는 이유가 따로 있으신가요?
세미콜론을 안붙히시는 이유가 따로 있으신가요?
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
블로그 주소
안녕하세요. 정환 강사님! 블로그가 접속이 안되는데, 혹시 다시 알려주실 수 있을까요??
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
도와주세요....ㅠㅠㅠ
이렇게 저렇게 스무번도 넘게 해본 것 같은데 계속 잘 안되어서 최대한 자세히 제가 한 그대로 이미지 첨부했습니다 ㅠㅠ 도와주시면 감사하겠습니다!!! 1. ll 명령어로 아래와 같이 폴더 있는 것 확인 1-vanilla 2-vue 3-component 2. mkdir 4-single-file-component 입력 3. cd mkdir 4-single-file-component 입력 4. vue init webpack-simple 입력했는데, Usage: ~ 하면서 이렇게 app-name을 같이 입력하라고 떠서 vue init webpack-simple 4-single-file-component 를 입력 5. ? Project name(4-single-file-component) 이런식으로 쭉 강의에서 보여주신대로 나와서 엔터 누름 6. 마지막에 vue-cli . Generated "4-single-file-component" ~ 하며 동일하게 뜸 7. npm install 입력 후 아래와 같이 에러가 떴지만 설치는 됨 8. npm run dev 입력 후 아래와 같은 에러 ++ 추가적으로 폴더를 확인해보니 1-vanilla 2-vue 3-component 4-single-file-component 안에 또 4-single-file-component 폴더와 package-lock.json 생성되었고, 4-single-file-component 폴더 안에는 이렇게 생겼습니다 ㅠㅠㅠ vue init webpack-simple 뒤에 4-single-file-component를 붙인게 강의와 차이가 있는 것 같은데 그렇게 입력해서는 다음으로 넘어가지 않는데 어떻게하죠? 어떻게 해야 할지 모르겠습니다..ㅠㅠ
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
lite-server 실행 시 오류
안녕하세요! 제가 강의를 듣다가 컴퓨터를 끄고 다음 날(꼭 다음 날이 아니어도 컴퓨터를 아예 껐다가 켰을 경우 그랬던 것 같아요) 다시 vs code에서 lecture-vue폴더를 열고 터미널에서 lite-server를 실행하면 첨부한 이미지와 같은 에러가 뜹니다. 강의 마다 알려주시는 브랜치로 바꿔서 해봐도 마찬가지 이구요..! 혼자 해결하기가 어려워서 아예 node.js를 삭제하고 다시 설치하고 git clone도 다시해서 해보면 에러는 뜨지 않고 처음처럼 잘 되긴 했습니다 ㅠㅠ 그런데 매번 그렇게 하기는 번거로울 것 같아서 혹시 더 간단한 방법이 있을지.. 알려주시면 감사하겠습니다!
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
이벤트리스너 관련 질문드립니다!
안녕하세요! 강의 잘 듣고 있습니다:) TabView.bindClick메서드에서 이벤트리스너를 li마다 각각 걸지 않고, this.el에 직접 걸면 혹시 뭔가 나중에 문제가 될 부분이 생길까요? 아래와 같이 작성했는데 동작은 동일하게 잘 되는 듯해서 궁금합니다!! this.el.addEventListener('click', e => this.onClickTabs(e.target.innerHTML));
- 실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
models 폴더 누락이요!! 복사했는데도 import가 되지 않아요
삭제된 글입니다
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
lite-server를 실행했는데
lite server를 설치하는데 global로는 안되길래 lecture-vue 폴더 안에 local로 설치하고 실행했습니다. package.json 파일 안에 "scripts":{"dev":"lite-server"} 도 추가했고요.. 그런데 Refused to execute inline script because it violates the following Content Security Policy directive: "default-src 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-ThhI8UaSFEbbl6cISiZpnJ4Z44uNSq2tPKgyRTD3LyU='), or a nonce ('nonce-...') is required to enable inline execution. Note also that 'script-src' was not explicitly set, so 'default-src' is used as a fallback. 라는 에러가 떴습니다. 왜그런걸까요ㅜㅜ?
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
섹션 10 탭 실습 관련 질문입니다.
안녕하세요 강의 잘 보고 있습니다. 탭 구현 강의에서 질문이 있습니다. 처음에 created() 훅에서 this.selectedTab을 초기화 해놓고 이벤트를 바인딩 하니 li의 클래스가 변화가 없었는데요, data에서 selectedTab을 초기화 하고 나서는 li의 클래스가 변화(active)가 있었는데, 이 차이가 궁금합니다.
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
Node.js 버전이 많이 다른데 괜찮을까요?
지금 https://nodejs.org/ko/download/ 에서 보니 현재 LTS 버전이 12.16.1 이고, 강의에서는 8. 대 버전이던데, 큰 상관 없을까요??
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
질문있습니다.
FormView.bindEvents 를 정의 하실때 this.inputEl.addEventListener('keyup' , e => this.onKeyup()) 하셨는데 on Keyup 메소드를 정의하지않고 this.inputEl.addEventListener('keyup' , e => { this.showResetBtn(this.inputEl.value.length); }); 위처럼 이벤트 리스너에서 바로 showResetBtn 호출해도 되는지 어떤 문제점이 있는지 궁금합니다!
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
단일컴포넌트
단일컴포넌트 수업을 하려고 하는데 $sudo npm install vue-cli 가 실행이 되질 않습니다.. 왜 그런 건가요?
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
Promise
안녕하세요 강사님, 강의 재밌게 듣고 있습니다. 다름이 아니라 promise에 대해 이해가 안가서요. 강의와 크게 관련이 있는 부분이 아니라 생각되어 나름 검색을 통해서 이해하려고 했지만, 머리에 잘 들어오지 않습니다... 죄송하지만, 간단하게라도 좋으니 소스에서 사용하신 promise에 대해 설명 부탁드려도 될까요? list(query) { return new Promise(res => { setTimeout(()=> { res(data) }, 200); }) } 답변 부탁드리겠습니다.
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
vue, vue component
app.js에서 vue객체를 만들고 그안에 데이터를 정의할 때에는 data : { query: ''} 이런식으로 키-값 형식으로 정의하셨는데, vue compoment에서는 data(){ return{query:''}} 이런식으로 함수 형식으로 정의하셨더라구요. 왜그런지 알 수 있을까요?
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
export default에 대해 문의드립니다.
FormView.setup을 import해올 때, export 문 안에서 바로 호출하는 게 아니라 init 함수 안에서 호출하는 이유가 무엇일지 문의드립니다. 함수로 감싸지 않고 바로 호출하려고 할 때 안 되는 이유도 문의드립니다. 감사합니다.
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
on() addEventListener() 차이
on() addEventListener() 둘다 모두 이벤트 바인딩을 위해 쓰는 함수같은데 두개가 무슨 차이인가요? on() 을addEventListener()로 바꿔서 돌려보니 에러가 나네요 ㅠ
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
checkout 받으면 model, css 누락되는 현상 질문요~
바로 아래 회원님도 문의를 하셨는데... 2-vue 강의부터 (3-Component도..) checkout을 받으면 style.css는 ../../1-vanilla/js/models 으로 js/models 는 폴더가 아닌 파일로 받아지며 ../../1-vanilla/js/models 라는 내용으로 대체됩니다. 몇번은 직접 파일을 수정하다 이제는 checkout 을 안받고 진행하고 있는데 불편하네요. 이전강의랑 다른 내용을 진행중인 강의소스에서 찾아 수정해야 정상 동작하는 부분이 있어서요.. 답변 부탁드립니다.
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
정환님! 브랜치에 바닐라js파일이 누락된것같습니다.
바닐라 js 폴더가 없어서 그런지 css랑 model부분이 import되지 않네요! ../../1-vanilla/js/models 이 부분이요!
- 해결됨실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
vue를 MPA로 사용하는 방법은 없나요?
안녕하세요. 선생님 덕분에 vue 기초를 쌓을 수 있었습니다. 다름이 아니라 vue로 여러가지 실습 및 적용을 더 해보고 있는데요, vue와 springboot를 연동해서 웹페이지를 만드는 작업을 해보고 있습니다. SPA방식으로는 될 것 같지 않아서 router를 이용해 MPA방식으로 작업하고 있는데요. get방식으로 url에 직접 접근할 때 vue의 화면이 아닌 controller의 return 결과만 나오게 됩니다. 예를 들면 posts/1 로 접근하면 id가 1인 게시물을 보이고 싶은데 컨트롤러에서 해당 메서드를 통해 생성된 정보만 나옵니다. 두가지 궁금증이 있습니다. 1. 페이지의 직접 접근으로도 vue 페이지를 유지하는 방법 2. 컨트롤러에서 만든 정보를 vue 페이지로 전달하는 방법 배달의 민족 페이지를 가보니까 #을 이용하여 router처리를 해주신 것 같은데, 여러 reference들을 보고 적용해봐도 어떤 방식인지 잘 이해도 되지 않고, 문제가 해결도 안되어 마지막 방법으로 질문드리러 찾아왔습니다.
- 실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
질문있습니다!
삭제된 글입니다
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
TabView setup 정의할때 마지막에 return this를 하는 이유에 대해서 조금만 설명을 해주실수있을까요..?
정확히 이해가 되지 않아서 질문 올립니다.