44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
안녕하세요 총 두 가지 질문사항이 있습니다.
안녕하세요 총 두 가지 질문사항이 있습니다. 1. 매 영상마다 브랜치를 바꾸셔서 하는데 이렇게 작업을 하시는 이유가 궁금합니다. 2. 2-vue 수강시, 브랜치를 바꿔서 작업할 때마다, 2-vue의 models 폴더가 파일로 인식되고 , 그 내용은 ../../1-vanilla/js/models 라고 적혀져 있습니다. 또한, 2-vue의 style.css도 위와 같이 1-vanilla의 css파일 위치만 적혀져 있어서 늘 복사와 붙여넣기로 해결중입니다. 크게 불편함이 있는 것은 아니지만, 개발환경설치도 모두 완수했음에도 이런 차이가 나는 것이 궁금합니다. ps. 저는 git clone 을 통해서 파일들을 받았습니다.
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
watch 부분에서요
props 이름이 'value' 이기 때문에 watch 에서 정의 한 함수 이름이 value() 로 맞춘건가요? 아니면 함수이름을 달리해도 상관이 없는것인지요? 또 value(newVal, oldVal) 에서 oldVal는 어떨때 쓰이는 인자값이기에 쓴것인가요?
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
강의대로 따라했는데요..404 오류가..
http://localhost:3002/js/controllers/MainController net::ERR_ABORTED 404 (Not Found) 이렇게 나옵니다. 구조는 재차 확인했는데 정확하게 같은 구조로 처리했습니다. 어떻게 해결해야 할지 몰라 질문 남깁니다. ------------lite-server 내용 카피해 드립니다.---------- 19.10.01 22:55:23 304 GET /index.html 19.10.01 22:55:23 304 GET /style.css 19.10.01 22:55:23 304 GET /js/app.js 19.10.01 22:55:23 404 GET /js/controllers/MainController 19.10.01 22:55:26 304 GET /style.css 19.10.01 22:55:40 200 GET /index.html 19.10.01 22:55:40 404 GET /js/controllers/js/app.js 19.10.01 22:55:40 404 GET /js/controllers/style.css 19.10.01 22:55:40 404 GET /js/controllers/js/app.js 19.10.01 22:55:46 404 GET /js/controllers/style.css 19.10.01 23:00:39 304 GET /index.html 19.10.01 23:00:39 304 GET /style.css 19.10.01 23:00:39 304 GET /js/app.js 19.10.01 23:00:39 404 GET /js/controllers/MainController 19.10.01 23:06:21 304 GET /index.html 19.10.01 23:06:21 304 GET /style.css 19.10.01 23:06:21 304 GET /js/app.js 19.10.01 23:06:21 404 GET /js/controllers/MainController
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
홈페이지 개발에서 vue.js 사용
홈페이지 구축에 vue.js 적용 전에 궁금한 점이 있습니다. - vue.js 가 웹접근성(장애인)지원에 문제가 없을까요? - 선생님의 경험상 html coder 역할을 하는 작업자가 vue.js에 대한 지식이 없을 경우 협업방식의 아이디어가 무엇이 있을까요? 강의와 직접관련이 작은 문의 드려 송구합니다. 구글링해서 정보를 획득하기 어려워 죄송한 마음을 가지고 질문 드립니다.
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
검색폼 구현 시 한글을 입력하면 onReset이 호출됩니다
안녕하세요 강의 잘 듣고 있습니다 다른 강의보다 머리에 잘들어와 재밌게 듣고있습니다 ^^ vue에서 검색폼 (구현)을 듣고 있는데 영어로 입력하면 아무문제가 없지만 한글로 입력하면 onReset method가 호출 됩니다 확인부탁드립니다 감사합니다
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
form태그 > input태그 속성에서 v-model값을 'query'로 사용할 수도 있나요?
app.js에서 query값을 가지고 있기 때문에 굳이 FormComponent안에 query값을 inputValue 값으로 안바꿔도 되지 않을까요? app.js에서 받은 value값을 그대로 사용해도 되지 않나요?
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
자바스크립트 뒤에 세미콜론(;)을 안붙여도 되나요??
안녕하세요 선생님 강의 잘보고 있습니다 ^^ 자바스크립트 뒤에 세미콜론(;)을 안붙여도 되나요??
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
질문있습니다.
실제 검색폼 부분에 해당하는 태그를 없애주는 게 아니라, 그냥 hide로 숨겨주는데, 굳이 해당 부분 태그를 없애주지 않아도 상관없나요?
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
tabs에서 v-bind 질문
<tabs v-bind:tabs="tabs" v-bind:selected-tab="selectedTab" v-on:@change="onClickTab"></tabs> 위와 같이 코드 작성했는데 그러면 TabComponent.js에서 props을 selected-Tab으로 해야되는 것 아닌가요??
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
SearchModel.js의 이미지 링크 관련 문의드립니다.
안녕하세요, 강의 정말 잘 듣고 있습니다 :) 5/7 강의를 듣는 시점에서 SearchModel.js에 있는 이미지 링크가 유효하지 않은 것 같은데...맞나요..? https://cdn.bmf.kr/_data/product/H1821/5a4ed4e8a6751cb1cc089535c000f331.jpg
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
처음 vue를 접하다보니 로직 흐름이 잘 이해가 안됩니다..ㅠㅠ
처음 vue를 배우는데 강좌를 계속 듣다보니 의아한게 있어서 질문드립니다.. 로직 흐름이 어려워서 이런 문의를 드리게 됬습니다..ㅠㅠ 예를들어 말씀드리면, 1. 검색창 input태그(HTML)로 작성한 부분을 템플릿(#search-form) 으로 바꾸고 , 기존에 검색창 input(html)이 있던 자리에 디렉토리(search-form)를 만드셨는데 왜 이렇게 하신건가요? 2.템플릿(#search-form)에 검색창에 필요한 기능들이 있는데, 아래 예시와 같이 디렉토리(search-form)에 추가 기능을 넣는 이유가 먼가요? ex. <search-form v-bind:value="query" v-on:@submit="onSubmit" v-on:@reset="onReset"></search-form> 3. app.js만 작성하다가 개발이 완료된 후, 컴포넌트 작성이 추가됬는데요. 왜 컴포넌트 작성을 추가하신건가요? 그리고 인스턴스와 컴포넌트 무슨 관계라고 생각하면 될까요?
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
DB접근 관련 질문
DB에 직접 접근하지 않고 api를 통해 접근하는것이 장점이 되나요? 장점이 되는거라면 이유가 뭘까요.. 1도 몰라서 여쭤보는거라서 죄송해요..
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
이미지가 안나와요
제가 잘못한줄 알고 왜 안나오나 했는데 찾아보니 이미지가 배민찬 사이트에서 왔고 배민찬이 서비스 종료되었더라구요 ㅜㅜ
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
질문이 있어요. stop
<div v-if="history.length"> <ul class="list"> <li v-for="item in history" v-on:click="onClickKeyword(item.keyword)"> <span>{{item.keyword}}</span> <span class="date">{{item.date}}</span> <button class="btn-remove" v-on:click.stop="onClickRemoveHistory(item.keyword)"></button> </li> </ul> </div> 최근 검색어를 출력하는 부분인데요. click이벤트 stop을 왜 button에다 걸었는지 궁금하네요 위에 li 태그에 걸줄 알았는데, event bubbling을 li에서 멈춰줘야 하는거 아닌가 싶어서...propagation 동작을 제가 정확히 이해하지 못해서 그런거 같은데 자세한 설명 부탁드립니다!
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
MainController import 중에 자동 완성 어떻게 하셨는지 궁금합니다.
MainController import 중에 자동 완성 어떻게 하셨는지 궁금합니다.
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
질문이 있습니다.
this.emit('@submit', {input : this.inputEl.value});this.on('submit', e => e.preventDefault());위에 두 코드자체에 대한 의문이라기 보단, 둘다 View.js보니깐 커스텀으로 만든 듯한데첫번 째코드는 @submit 라는 식으로 했고, 두번째는 submit으로 했는데 제가 두번째를 @submit으로 하니깐 동작을 안해서 @을 뺴고 하니깐 되더라구요. 그럼 다른 코드들도 @를 뺴야지 작동하는게 맞지 않나? 라는 의문점이 들어서 질문 드려요. 밑에 다른 분들이 질문하신거에 custom 으로 정의한걸 명시적으로 보여주려고 추가하신 거라고 하셨길래...ㅠ_ㅠ..
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
갑자기 404 get /index.html 이라고 뜹니다.
component 들어오고나서 갑자기 404가 뜨네요... 아무리 해도 해결이 안됩니다 도와주세요
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
vscode: 한 라인에 한정하여 특정 단어에 다중 커서를 두는 법
vscode Interactive Playground에서 파일 전체를 범위로 다중 커서를 두는 shift + command + L 정도만 찾을 수 있었습니다. 제가 찾을 수 있었던 다른 커맨드는 아래와 같습니다: option + command + up / down : 라인 다중 선택 shift + command + K : 선택한 라인 일괄 삭제 F2 : 현재 커서에 위치하는 단어 일괄 변경 첨부한 사진처럼 한 라인에 한정하여 특정 단어에 다중 커서를 어떻게 할 수 있나요?
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
import에 대한 질문 입니다.
`import MainController from './js/controllers/MainController.js'`에서 import뒤에 나오는건 MainController.js에서 이름을 정의한 부분이 없는데 혹시 export default로 하면 파일명을 따라서 이름이 정의되나요? import뒤에 오는건 모듈명으로 알고 있거든요.아니면 단순히 이름을 저렇게 지어주신건지 궁금해서 질문 남깁니다.
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
안녕하세요 메소드의 인자관련하여 질문이 있습니다.
폴더구조 부분 듣다 질문이 있어 글을 남기게되었습니다. HistroyModel.js 에 보면 1. add( keyword=''){...} 는 매개변수가 안넘어왔을 때 초기 값을 설정해주는 것으로 보입니다. 다만 바로 아래줄에 keyword.trim()를 사용하셨는데 add의 매개변수로 초기 값을 잡지 않고 if(!keyword) return 아래에 코드를 작성하는 방식에 대해서는 어떻게 생각하시나요? 지금과 같은 경우에는 add(null)을 넘겨주었을 때 Cannot read property 'trim' of null 에러가 발생합니다. null이 넘어올 일이 없다고 봐야할까요? 매개변수에 초기값을 설정해두는 부분이 의미하는 바가 궁금합니다. this.data = [{keyword, date}, ...this.data] 관련하여 data.push({keyword,date}) 이것의 차이가 있을까요? 어떤 이점이 별도로 있는 부분인지 궁금합니다.