44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
selectedTab 관련
Vue 의 data에 selectedTab을 초기화하지 않아도 created를 통해 selectedTab을 이용하는 것이 가능했는데 data에 selectedTab이 없으면 onClickTab을 만들어도 클릭했을 때 변화가 없더라고요. 두 상황에 어떤 차이점이 있는건가요?
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
vuejs 데이터 참조 관련 질문이 있습니다.
컴포넌트 강의 FormComponent 구현 2를 듣던 중 FormComponent.js 를 작성하고 있을 때, 문뜩 data()함수에서 return 하는 객체의 프로퍼티인 inputValue를 어떻게 methods 프로퍼티 안에 onSubmit()함수에서 this.inputValue로 참조를 할 수 있는지 의문이 생겼습니다. console.log(this)로 하나씩 찍어보면서 확인해본 결과 <submit을 할 때마다 어떻게 나오는지 확인하기 위해서 FormComponent.js의 onSubmit함수에서 찍어보았습니다> <submit하였을 때 console.log(this)의 결과> FormComponent 에서 this로 가르키면 VueComponent가 나온다는 것을 알았고 VueComponent에 _data 프로퍼티가 있는 것을 보았습니다. 그래서 this._data.inputValue가 this.inputValue와 같은지 확인해보기 위해서 찍어보았고 서로 같다는 것을 확인했습니다. 전 여기서 두가지가 궁금증이 생겼습니다. 제가 아직 자바스크립트에 대한 이해도가 낮습니다. 해서 아래 두가지의 궁금증에 대한 이론적인 부분을 어떻게 찾아보아야하는지 모르겠습니다. (아마 제가 모르는게 무엇인지 제가 모르는 것 같습니다) 1. 어떻게 data()메소드에서 반환하는 오브젝트가 곧 바로 VueComponent의 _data에 들어가는지... 2. 어떻게 this._data.inputValue로 참조해오지 않고 _data를 생략하고 this.inputValue로만 참조할 수 있는지
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
너무 어렵네요...ㅜ.ㅜ
제 수준엔 너무 어려워서 혹시나 이 JS가 어떻게 해야 View.js랑 FormView의 랑 컨트롤러들을 잘 이해할 수가 있을까요..소프트웨어 컴공을 3년 다녔고 JS보단 백엔드로 JAVA로만 하다가 Js를 다시 공부하자고 맘 먹어서 처음부터 좀 JS를 들고 스코프나 재귀함수나 등등 어느정도는 알아도 좀 어렵네요 ㅜ.ㅜ 어떤 강의나 또는 어떤 방식을 해야 이 강의가 좀 더 쉽게 다가올까요?...
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
긴급!!! 오늘 만지지도 않은 (index):1 에 에러가 났어요!
분명히 git checkout -f 1-vanilla/KeywordView1 체크아웃 하고 실행 했을 때까지는 이상이 없었습니다. 강사님을 따라 코딩을 하고, 처음 실행했을 때 부터 (index):1 에 아래 사진들 처럼 에러가 납니다. 저는 인덱스는 만진 적도 없거든요. 강의만 따라했으니 만질 일이 없지요. 시작할 때는 안났던 에러가 중간에서 만지지도 않은 곳이 에러라고 하니... 황당합니다. 무슨 이유일까요??? 사실은 2~3회차 전부터 계속 손 대지 않은 곳에 에러가 나는 경우가 있었어요. 제 실수려니 하고 넘어갔지만... 손대지도 않은 인덱스 첫 줄에 에러라니, 이건 아닌거 같아요! 뭔가 깃(? 정확치는 않지만) 서비스가 제대로 되지 않는 것 같은 느낌이... 아무튼 좀 더 정비를 하셔야 할 듯 합니다. 이대로는 더 이상 진도 나가는 것이 무의미할 것 같네요. 열심히 노력했는데, 내 실수가 아닌 곳의 에러가 한 두번이 아니라니, 그때마다 몇 번씩 코드를 다시 쳐 보고, 또 다시 쳐 보고... 그래도 개선이 안되니, 스트레스를 받고, 또 받고... 하기 싫다는 무기력감과 좌절감은 늘어나고... 이렇게 훌륭한 강의에 이토록 허접한 시스템 서비스라... ...안타깝습니다. 아무튼 빨리 해결해 주세요.
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
제 터미널에는 브랜치 명의 뒤가 나타나지 않아요? (수정 질문)
다음 처럼 1-vanilla 이하가 나타나지 않아서 답답해요. 1-vanilla/KeywordView1 처럼 나오게 하고 싶습니다. 해결 방법을 알려주시면 감사하겠습니다. 기왕에 강사님 터미널 처럼 이쁘게 꾸미는 방법도 알려주시면 너무 너무 감사하겠습니다. ^_^* 잘못 올린 아래 코드를 수정하였습니다. abako@ichanhuiui-Macmini 1-vanilla % git checkout -f 1-vanilla/KeywordView1 Already on '1-vanilla/KeywordView1' Your branch is up to date with 'origin/1-vanilla/KeywordView1'. abako@ichanhuiui-Macmini 1-vanilla %
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
code . 을 실행하면 못 찾는다고 나와요...
zsh: command not found: code 어떻게 해결해야 하나요???
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
e.stopPropagation()에 대해서 질문있습니다.
e.stopPropagation()으로 이벤트 버블링을 막지 않으면remove 버튼을 클릭했을 때 상위태그인 li태그(검색기록)의 이벤트가 같이 발생해서 검색기록 제거와 동시에 해당 li 클릭으로 인해 검색이 되어서 검색결과도 같이 출력이 된다로 이해했는데요. 저는 stopPropagation 사용 안하고 KeywordView의 onClickKeyword 함수에 ` if(e.target.tagName == 'BUTTON'){ return ; }`를 추가해 동일한 기능을 하도록 했습니다. 제가 잘 이해했는지, 뭐가 더 권장되는 방법인지 궁금하고 맞게 사용했는지 궁금합니다.
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
안녕하세요 2가지 질문드립니다!
안녕하세요 수강 중 궁금한 사항 질문드립니다~ 질문1) FormView.js 파일 아래 코드에서 import View from './View.js'; const tag = '[FormView]'; const FormView = Object.create(View); // 객체를 생성함 FormView.setup = function(el) { // el 받아서 내부적으로 속성으로 갖게할꺼임 this.init(el) this.inputEl = el.querySelector('[type=text]') this.resetEl = el.querySelector('[type=reset]') this.showResetBtn(false); // 숨길꺼니깐 false로 넘겨줌 } const FormView = Object.create(View) 로 객체?를 생성 후 여기서 this로 메서드를 추가하셨는데 혹시 그냥 View.init(el) 이런식으로 하면 안되는건지 질문드립니다! 질문2) View.js 에서 throw el 은 어떤 역할인건지 궁금합니다.. 그럼 답변부탁드릴게요 감사합니당
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
checkout 을 해야 웹페이지에 변경사항이 반영됩니다.
lite-server를 켜 놓고 작업해도 코드로 구현한 사항이 웹 페이지에 반영되지 않다가, git checkout을 하면 웹 페이지에 그제서야 반영이 되는데요, 제가 어떤 설정을 잘못한 걸까요?
- 실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
FormView.js:7 Uncaught ReferenceError: FormView is not defined 에러가 뜹니다.
삭제된 글입니다
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
강의의 수강대상자가 어느정도여야 할까요
이제 웹개발 공부한지2달차입니다. 당연히html,css,js기본문법까지는 충분하게 공부했다고 생각하고.. 바닐라js를 이용한 기본적인 쿼리셀렉터부터 todo앱만들기나 기본적인것만 공부하고 왔는데.. 개인적으로 이강의를 듣기에 무리가 아닌가 싶을정도로 처음 검색어까지 만드는 실습까지도 원할히 이해가 되지않습니다. 당연히 따라치고, 그냥 이런건가? 정도로 하는데 지장이없고 깃허브도 기본적인 명령어 공부도하고 타 강의도 듣고와서 무리가 없는데.. 현재 제 목표는 vue.js를 공부하고 react까지 공부하는건데 정환님강의 순수 js로 구현하는부분을 따라치면서 실습하는대는 문제가없는데 아래와같은녀석들 그냥 저렇게 이름주고 내보내서 여러개로 나눠서 쓰려는건가...? 그리고 깃으로 버전관리하면서 쓰려고 cmd에서 실행해서 만드시는건가? lite server는 컴퓨터에서 실시간으로 바뀌는거 반영하고 내컴퓨터 서버로 써서 작업상황보면서 완성본 실행하려고하는건가? 이정도밖에 이해가 되지않습니다. 이 수업을 듣기위해 더 필요한 js공부가 있을까요? 감사합니다. const tag = '[MainController]' export default{ init(){ console.log(tag,'init()') } } import View from './View.js' const tag = '[FormView]'
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
lite-server 가 실행이 안됩니다.
몇일전까지 1-vanilla 폴더상에서 lite-server 실행이 되었습니다. visual studio code 에 terminal 에서도 일반 cmd 상에서도 그런데 어제 Windows 10 을 format 한 뒤로 다시 깔고 실행했더니 아래와 같은 글만 계속 뜨고 실행이 안되고 있습니다. 환경변수 에 PATH 의 시스템에 이미 %SystemRoot%\system32\ 와 %SystemRoot%\System32\Wbem\ 라고 입력되어있습니다. 어떻게 수정해야 할지 모르겠습니다. 'lite-server'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
node 를 LTS 설치시 실습에 문재되는 일이 있나요?
안녕하세요 이제 막 lecture를 시작하였습니다. node 설치가 있던데 최신 버전 말씀하셨는데 LTS 설치시 실습에 error 발생이던지 문제되는 일이 있나요? 이미 다른 study 로 LTS 를 설치를 했습니다. 유사한 질문으로 lite-server 일반과 global 차이가 무었인가요?
- 실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
JavaScript MVC 패턴 관련
삭제된 글입니다
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
View.js 파일 return this의 의미가 뭔가요?
hide 나 show는 return하지 않아도 잘 작동할 것 같은데 return this를 해주는 이유가 혹시 있을까요? 앞에 강의에서 짧게 설명해주시긴 하셨는데 조금 더 설명해주시면 감사하겠습니다!
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
class를 사용하지 않으신 이유
수강 중에 궁금한점이 생겨 질문드립니다. View와 FormView를 보면 FormView는 View를 확장한 것처럼 보이고, View가 다른 객체로의 확장을 고려해 설계된 것 같습니다. 그래서 제가 보기에는 class를 사용하여 개발해도 좋을것 같은데 Object.create를 사용하신 이유가 궁금합니다.
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
브랜치관련 질문드립니다
git에 아직 익숙치 않아서 양해를 구합니다. 로컬에서 확인해보니 강사님의 master브랜치는 가져와져있고 그 외 다른 브랜치들은 없어서 그동안은 그냥 하던거에서 git checkout -b 1-vanilla/FormView2 하는 방식으로 진행했는데 코드가 다른부분들이 중간중간있어서 혹시 처음에 어떻게 진행하는게 좋았을지 궁금합니다!
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
git checkout을 통해서 브랜치 이동시 이상현상
사실 바닐라 JS 강좌 부분은 상관없이 잘되었는데, Vue로 오면서 git checkout 을 통한 파일 변경이 잘 되지 않습니다.예를 들어 git checkout -f 2-vue/Form2 라고 하면... 다음 그림들과 같이 만들어져야 할 폴더 대신 확장명이 없는 파일이 만들어지고,,파일을 메모장으로 열면 이상한 경로만 적혀있습니다. 어떻게 해야 해결할 수 있을까요?
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
깃 체크아웃
깃 체크아웃 없이 쓰던 코드 그대로 하려고 하는데 체크아웃 할때 마다 전에 없던 것들이 생기고 코드가 바껴있는데... 체크아웃 없이 이어서 쭉 하려면 어떻게 해야할까요...? 강의 보면서 바뀐 부분은 수정하면서할까 싶다가도 혹시 그러다 놓치는 부분이 있을까 걱정이에요ㅠㅠ
- 미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
net::ERR_ABORTED 404 (Not Found)
강의대로 똑같이 따라했는데 콘솔 로그를 보려고하면 net::ERR_ABORTED 404 (Not Found)라고 뜹니다 lite server도 1-vanilla 폴더에서 실행했고 오타도 없는데 원인이 뭘까요...