실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

(52개의 수강평)

1076명의 수강생
Gren 프로필

섹션 10 탭 실습 관련 질문입니다. Gren 22일 전

안녕하세요 강의 잘 보고 있습니다. 탭 구현 강의에서 질문이 있습니다.

처음에 created() 훅에서 this.selectedTab을 초기화 해놓고 이벤트를 바인딩 하니 li의 클래스가 변화가 없었는데요,

data에서 selectedTab을 초기화 하고 나서는 li의 클래스가 변화(active)가 있었는데, 이 차이가 궁금합니다.

1
LOVE PASSION 프로필

Node.js 버전이 많이 다른데 괜찮을까요? LOVE PASSION 25일 전

지금 https://nodejs.org/ko/download/

에서 보니 현재 LTS 버전이 12.16.1 이고, 강의에서는 8. 대 버전이던데,

큰 상관 없을까요??

2
개똥 프로필

질문있습니다. 개똥 1달 전

FormView.bindEvents 를 정의 하실때

this.inputEl.addEventListener('keyup' , e => this.onKeyup()) 하셨는데

on Keyup 메소드를 정의하지않고 

this.inputEl.addEventListener('keyup' , e => {

   this.showResetBtn(this.inputEl.value.length);

});

위처럼 이벤트 리스너에서 바로 showResetBtn 호출해도 되는지 어떤 문제점이 있는지 궁금합니다!

1
6and_end9 프로필

단일컴포넌트 6and_end9 1달 전

단일컴포넌트 수업을 하려고 하는데 $sudo npm install vue-cli 가 실행이 되질 않습니다.. 왜 그런 건가요?

3
현지 프로필

Promise 현지 2달 전

안녕하세요 강사님, 강의 재밌게 듣고 있습니다.

다름이 아니라 promise에 대해 이해가 안가서요.

강의와 크게 관련이 있는 부분이 아니라 생각되어

나름 검색을 통해서 이해하려고 했지만,

머리에 잘 들어오지 않습니다...

죄송하지만, 간단하게라도 좋으니

소스에서 사용하신 promise에 대해 설명 부탁드려도 될까요?

list(query) {
    return new Promise(res => {
      setTimeout(()=> {
        res(data)
      }, 200);
    })
 }

답변 부탁드리겠습니다.

2
joi0104 프로필

vue, vue component joi0104 2달 전

app.js에서 vue객체를 만들고 그안에 데이터를 정의할 때에는 data : { query: ''} 이런식으로 키-값 형식으로 정의하셨는데, vue compoment에서는 data(){ return{query:''}} 이런식으로 함수 형식으로 정의하셨더라구요. 왜그런지 알 수 있을까요?

1
정메롱 프로필

export default에 대해 문의드립니다. 정메롱 2달 전

FormView.setup을 import해올 때, export 문 안에서 바로 호출하는 게 아니라 init 함수 안에서 호출하는 이유가 무엇일지 문의드립니다. 함수로 감싸지 않고 바로 호출하려고 할 때 안 되는 이유도 문의드립니다.  감사합니다.

1
joi0104 프로필

on() addEventListener() 차이 joi0104 2달 전

on() addEventListener() 둘다 모두 이벤트 바인딩을 위해 쓰는 함수같은데 두개가 무슨 차이인가요? on() 을addEventListener()로 바꿔서 돌려보니 에러가 나네요 ㅠ

1
최재훈 프로필

checkout 받으면 model, css 누락되는 현상 질문요~ 최재훈 3달 전

바로 아래 회원님도 문의를 하셨는데...

2-vue 강의부터 (3-Component도..)  checkout을 받으면  
style.css는 ../../1-vanilla/js/models 으로

js/models 는 폴더가 아닌 파일로 받아지며 ../../1-vanilla/js/models 라는 내용으로 대체됩니다.

몇번은 직접 파일을 수정하다

이제는  checkout 을 안받고 진행하고 있는데 불편하네요.

이전강의랑 다른 내용을 진행중인 강의소스에서 찾아 수정해야 정상 동작하는 부분이 있어서요..

답변 부탁드립니다.

1
bbonggu92 프로필

정환님! 브랜치에 바닐라js파일이 누락된것같습니다. bbonggu92 4달 전

바닐라 js 폴더가 없어서 그런지

css랑 model부분이 import되지 않네요!

../../1-vanilla/js/models

이 부분이요!

1
Hea Song 프로필

vue를 MPA로 사용하는 방법은 없나요? Hea Song 4달 전

안녕하세요.

선생님 덕분에 vue 기초를 쌓을 수 있었습니다.

다름이 아니라 vue로 여러가지 실습 및 적용을 더 해보고 있는데요, vue와 springboot를 연동해서 웹페이지를 만드는 작업을 해보고 있습니다.

SPA방식으로는 될 것 같지 않아서 router를 이용해 MPA방식으로 작업하고 있는데요. get방식으로 url에 직접 접근할 때 vue의 화면이 아닌 controller의 return 결과만 나오게 됩니다. 예를 들면 posts/1 로 접근하면 id가 1인 게시물을 보이고 싶은데 컨트롤러에서 해당 메서드를 통해 생성된 정보만 나옵니다.  두가지 궁금증이 있습니다.

1. 페이지의 직접 접근으로도 vue 페이지를 유지하는 방법

2. 컨트롤러에서 만든 정보를 vue 페이지로 전달하는 방법

배달의 민족 페이지를 가보니까 #을 이용하여 router처리를 해주신 것 같은데, 여러 reference들을 보고 적용해봐도 어떤 방식인지 잘 이해도 되지 않고, 문제가 해결도 안되어 마지막 방법으로 질문드리러 찾아왔습니다.

1
코딩나무 프로필

TabView setup 정의할때 마지막에 return this를 하는 이유에 대해서 조금만 설명을 해주실수있을까요..? 코딩나무 5달 전

정확히 이해가 되지 않아서 질문 올립니다.

1
최장훈 프로필

안녕하세요 총 두 가지 질문사항이 있습니다. 최장훈 5달 전

안녕하세요 총 두 가지 질문사항이 있습니다.

1. 매 영상마다 브랜치를 바꾸셔서 하는데 이렇게 작업을 하시는 이유가 궁금합니다.

2. 2-vue 수강시, 브랜치를 바꿔서 작업할 때마다, 

2-vue의 models 폴더가 파일로 인식되고 , 그 내용은 ../../1-vanilla/js/models 라고 적혀져 있습니다.

또한,

2-vue의 style.css도 위와 같이 1-vanilla의 css파일 위치만 적혀져 있어서 늘 복사와 붙여넣기로 해결중입니다.

크게 불편함이 있는 것은 아니지만, 

개발환경설치도 모두 완수했음에도 이런 차이가 나는 것이 궁금합니다.

ps. 저는 git clone 을 통해서 파일들을 받았습니다.

3
코딩나무 프로필

watch 부분에서요 코딩나무 6달 전

props 이름이 'value' 이기 때문에

watch 에서 정의 한 

함수 이름이 value() 로 맞춘건가요?

아니면 함수이름을 달리해도 상관이 없는것인지요?

또 value(newVal, oldVal) 에서

oldVal는 어떨때 쓰이는 인자값이기에 쓴것인가요?

1
motion74 프로필

강의대로 따라했는데요..404 오류가.. motion74 6달 전

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

3
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스