첫번째 질문 ) index.js에서 { path : '/login', component : LoginPage } 이런식으로 쓰고   App.vue페이지에서 <router-link to="/login">로그인</router-link>   로 써주셨는데 path에 들어가는 내용과 router-link의 to 들어가는 내용이 일치해야 하나요?   ===================================== 두번째 질문 ) 한 페이지 내에서 링크가 여러개 있는 경우가 있는데 그런 경우 router-link와 router-view를 어떤식으로 배치해야하는지 궁금합니다.   ===================================== 세번째 질문 ) 이때까지 배운 내용으로만 보면 router-link가 일반 HTML의 a태그의 대용으로 쓰이는것 같습니다. 만약 이 router-link태그의 스타일을 주려면 router-link에 다른 속성을 추가해서 주나요 아니면 다른 방법이 있는건가요?                        

char.js 관련 에러입니다. 먼저 올려주신 분 과 같이 에러가 나서 chart.js 버전 업그레이드 후 업로드를 햇더니 클릭 후 다른 나라 클릭시 에러가나는데 chart.js 플러그인 메서드인 destroy()를 사용하면된다는데 해당 메서드를 어떻게 사용해야되는지를 모르겠습니다.

인프런 아이디: shjoo526@diquest.com 인프런 이메일:  shjoo526@diquest.com 깃헙 아이디 : popman526 깃헙 Username : 주상호

vue-advanced 리포지터리 권한요청합니다   바뀌었나요? 혹시 몰라 질문 답변에 남깁니다.  Github ID : popman526 인프런 ID : shjoo526@diquest.com

안녕하세요 캡틴판교님 제가 비동기처리에 관해서 공부중인데 질문드리고 싶습니다. 본 강의를 완강했지만, 지금 드리는 질문은 본강의와는 내용이 멀지만 캡틴판교님께 질문드릴 다른 방법이 없어 여기서 조심스럽게 작성합니다.   캡틴판교님의 블로그 "비동기 처리 시리즈 3편" 글 모두 읽고 직접 테스트하고, 구글링하면서 이해하려고 했는데 풀리지않는 의문점이 생겼습니다.   일단 제가 비동기 처리를 이해한 바로는 동기식 처리는 해당 코드의 실행이 끝나야(요청의 응답이 있어야) 다음 코드를 실행하고 비동기식 처리는 해당 코드의 실행이 끝나지 않아도(요청의 응답이 아직 안와도) 다음 코드를 실행하는 것으로 이해했습니다. 그리고 자바스크립트는 기본적으로 동기식으로 수행하는데 이를 비동기식 처리가 필요한 부분에 async를 쓰고 그 안에 await를 이용하여 작성하는 것입니다.   그런데 여기서 궁금증이 생겨 테스트를 하게되었습니다. 1. 기본 동기식 작성 function fetchUser() { var url = "https://jsonplaceholder.typicode.com/users/1"; return fetch(url).then(function (response) { return response.json(); }); } function fetchTodo() { var url = "https://jsonplaceholder.typicode.com/todos/1"; return fetch(url).then(function (response) { return response.json(); }); } function logTodoTitle() { console.log("START"); var user = fetchUser(); console.log("fetchUser DONE", user.id); if (user.id === 1) { var todo = fetchTodo(); console.log(todo.title); // delectus aut autem } console.log("END"); } logTodoTitle(); // START // fetchUser DONE undefined // END 2. async만 사용하여 작성 function fetchUser() { var url = "https://jsonplaceholder.typicode.com/users/1"; return fetch(url).then(function (response) { return response.json(); }); } function fetchTodo() { var url = "https://jsonplaceholder.typicode.com/todos/1"; return fetch(url).then(function (response) { return response.json(); }); } async function logTodoTitle() { console.log("START"); var user = fetchUser(); console.log("fetchUser DONE", user.id); if (user.id === 1) { var todo = fetchTodo(); console.log(todo.title); // delectus aut autem } console.log("END"); } logTodoTitle(); // START // fetchUser DONE undefined // END 3. async + await 사용하여 작성 function fetchUser() { var url = "https://jsonplaceholder.typicode.com/users/1"; return fetch(url).then(function (response) { return response.json(); }); } function fetchTodo() { var url = "https://jsonplaceholder.typicode.com/todos/1"; return fetch(url).then(function (response) { return response.json(); }); } async function logTodoTitle() { console.log("START"); var user = await fetchUser(); console.log("fetchUser DONE", user.id); if (user.id === 1) { var todo = await fetchTodo(); console.log(todo.title); // delectus aut autem } console.log("END"); } logTodoTitle(); // START // fetchUser DONE 1 // delectus aut autem // END   여기서 왜 1.동기식 처리가 왜 2.async만 작성한 코드의 결과와 같은 지 이해가 되지 않습니다 이러한 부분에 관하여 캡틴판교님의 의견을 듣고 싶은 마음이 가득합니다. 행여나 제가 어리석게 잘못 알고 있는 내용이나 문제점이 있다면 소중한 가르침을 부탁드립니다.   마지막으로 프로젝트를 하고 나면 코드가 직관적이지 않고 기능만 실행하기 위해 짜여진 코드 같아 고민이 있습니다. 그래서 로버트 C.마틴의 클린코드 책을 읽고 적용해볼까 고민을 해보았지만, 진유림님의 실무에서 바로 쓰는 Frontend Clean Code 를 보고 프론트엔드에 좀 더 적합한 학습 방법이 있지 않을까 싶어 더 찾아보았더니 캡틴판교님의  멀티캠퍼스에서 활동하신것 보고 (현재는 영상을 볼수없고 공고만 다른곳에서 발견) 캡틴판교님이 생각하시는 프론트엔드 클린코드는 어떤것이고 어떻게 학습하면 좋을 지 궁금하여 질문을 드립니다.

nuxt의 layout, page, component 이해가 잘되게 설명해주셔서 감사합니다!   layout은 화면의 공통적인 부분 및 error화면  page는 보여질 화면 component는 page에 들어갈 컴포넌트 이렇게 이해했습니다.   그런데 nuxt.js가 업데이트 되면서 layout이라는 폴더가 없어졌습니다.. 이러한 경우 layout은 아예 없어진 건지 어디로 흡수된건지 등 어떻게 사용할 수 있는 지 궁금합니다!  

안녕하세요 캡틴판교님! 소중한 강의 Age of Vue.js 1부터 4까지 (웹팩포함) 완강을 했습니다! 좋은 내용을 꼼꼼하고 이해하기 쉽게 설명해주셔서 정말정말 감사드려요ㅠㅠ 강의를 끝낸 지금, 이제는 Vue.js를 가지고 개인 프로젝트를 진행하려고 합니다! 적당한 개인 프로젝트로 생각했더니 youtube에서 고민상담소에서 얼핏들었던 내용으론 본인에게 필요한 서비스를 구현해보는 것도 좋다고 하셔서 아이디어가 떠올라 만들기로 했습니다! 많은 기능이 들어간 건 더더욱 아니고 제가 필요로한 기능 1,2가지(의 CRUD)에다가 친구들도 같이 사용할 수 있게 회원기능까지 해서 배포할 생각입니다.   (질문1) 이제 시작하려는데 제가 vue2와 vue3 중에 무엇을 선택해야하는 지 의문이 들어서 주저하는 상황이 되었습니다. 여러 라이브러리를 사용하지 않는 것 같아서 vue3를 사용해도 괜찮을까 하는 고민이 듭니다. 지금까지 생각한 프로젝트에 사용할 라이브러리는 axios, mongodb 정도입니다. 캡틴판교님이 보시기에 어떤 선택을 하는 것이 좋을까요? (질문2) 또 다른 질문이지만 추가적으로 버튼이나 화면을 디자인하는 과정이 저에게 쉽지않아서 이전에 프로젝트할 때는 bootstrap 이용했었는데, 혹시 추천, 참고해주실 내용(또는 홈페이지)이 있을까요??   

vue-advanced 리포지터리 권한요청합니다   Github ID : jwoojun 인프런 ID : jj9w1@naver.com