따라하다가 자꾸 안돼서 보니까bash에 연결할떄 안되더라구요제 맥북에는 zsh? 여기에다가 해야 되더라구요이렇게 nvm 써도 문제없는건지 궁금하고왜 이렇게 다른걸로 하게 되는지 궁금해요!라고 물어보려다가 검색을 해보았습니다.macOS Catalina부터 기본 쉘이 bash에서 zsh로 변경되었다네요zsh에 설치하는게 맞는거였어요.맥OS 여러분 참고하세요~~

일단 공통컴포넌트 분리 강의 들으면서 많은 것을 익히게 되서 먼저 감사드립니다.강의 영상만드실때 중간중간 쓰시는 단축키를 설명안에 혹은 영상안에 처음에 설명을 해주시면 좋을듯 합니다. 이전 강의 내용중에 ! 쓰는것 보단 명확하게 ex)confirm창 같은경우 === false) return;로 하라고 하셔서 그렇게 하고 있습니다. 그래서 아래처럼 바꿔봤습니다. 아래처럼 사용해도 될까요? const isPrevPage = computed(() => ({ disabled: props.currentPage === 1 })); const isNextPage = computed(() => ({ disabled: props.currentPage === props.pageCount, }));컴포넌트 분리하면서 이런식으로 리팩토링을 하는구나 라고 보여져서 너무 좋은 강의 였습니다. 그동안 배웠던 방식이 많은데 한데 모여있는 듯한 느낌도 들었구요. 공통컴포넌트 분리 강의 처음에 들었을 땐 정신이 하나도 없었는데 잘 기억이 안나는건 기본편이랑 번갈아가면서 보면서 이제 쪼금 익숙해지는거 같습니다. 영상내용이 조금 빨라서 처음에 따라가기 벅찼는데 3번쯤 보니깐 눈에 전부 들어오네요. ㅎㅎ

2강에서 서버 실행시 에러가 발생합니다.무료 게임 강좌에서는 정상적으로 실행되었습니다. node : 10.15.3nuxt: 2.8.1vue: 2.6.10vue-server-renderer: 2.6.10 [로그 정보]PS C:\vue-nodebird\ch1\front> npm run dev> vue-nodebird-front@1.0.0 dev C:\vue-nodebird\ch1\front> nuxt WARN Address localhost:3000 is already in use. 11:49:13i Trying a random port... 11:49:13 ╭─────────────────────────────────────────────╮ │ │ │ Nuxt.js v2.8.1 │ │ Running in development mode (universal) │ │ │ │ Listening on: http://localhost:58015/ │ │ │ ╰─────────────────────────────────────────────╯i Preparing project for development 11:49:14i Initial build may take a while 11:49:14√ Builder initialized 11:49:14√ Nuxt files generated 11:49:14 ERROR Unexpected token . 11:49:14 const r=Object.create(null),i=e=>globalThis.process?.env||undefined||globalThis.Deno?.env.toObject()||globalThis.__env__||(e?r:globalThis),s$1=new Proxy(r,{get(e,o){return i()[o]??r[o]},has(e,o){const E=i();return o in E||o in r},set(e,o,E){const b=i(true);return b[o]=E,true},deleteProperty(e,o){if(!o)return false;const E=i(true);return delete E[o],true},ownKeys(){const e=i(true);return Object.keys(e)}}),t=typeof process<"u"&&process.env&&process.env.NODE_ENV||"",B=[["APPVEYOR"],["AWS_AMPLIFY","AWS_APP_ID",{ci:true}],["AZURE_PIPELINES","SYSTEM_TEAMFOUNDATIONCOLLECTIONURI"],["AZURE_STATIC","INPUT_AZURE_STATIC_WEB_APPS_API_TOKEN"],["APPCIRCLE","AC_APPCIRCLE"],["BAMBOO","bamboo_planKey"],["BITBUCKET","BITBUCKET_COMMIT"],["BITRISE","BITRISE_IO"],["BUDDY","BUDDY_WORKSPACE_ID"],["BUILDKITE"],["CIRCLE","CIRCLECI"],["CIRRUS","CIRRUS_CI"],["CLOUDFLARE_PAGES","CF_PAGES",{ci:true}],["CODEBUILD","CODEBUIL SyntaxError: Unexpected token . at new Script (vm.js:80:7) at createScript (vm.js:274:10) at Object.runInThisContext (vm.js:326:10) at Module._compile (internal/modules/cjs/loader.js:664:28) at Object.Module._extensions..js (internal/modules/cjs/loader.js:712:10) at Module.load (internal/modules/cjs/loader.js:600:32) at tryModuleLoad (internal/modules/cjs/loader.js:539:12) at Function.Module._load (internal/modules/cjs/loader.js:531:3) at Module.require (internal/modules/cjs/loader.js:637:17) at require (internal/modules/cjs/helpers.js:22:18) at Object.<anonymous> (node_modules\@nuxt\friendly-errors-webpack-plugin\node_modules\consola\lib\index.cjs:2:13) at Module._compile (internal/modules/cjs/loader.js:701:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:712:10) at Module.load (internal/modules/cjs/loader.js:600:32) at tryModuleLoad (internal/modules/cjs/loader.js:539:12) at Function.Module._load (internal/modules/cjs/loader.js:531:3)

Pinia setup stores user 사용자 관리8분 32초에 아래 에러가 나오는데, 별다른 언급이 없는데,뒤에 해결을 하는지요?답변 주시면 감사하겠습니다. Cross-Origin-Opener-Policy policy would block the window.closed call.

db.json 파일 수정시npx json-server db.json바로 적용이 안되고, 위 명령어로 재기동 해줘야 적용되는거져?영상에서는 바로바로 적용되는거 같던데.. 뭐가 문제일까요?

짐코딩님 안녕하세요. 강의듣는 프리랜서 개발자입니다. 질문) 이런 프론트엔드 Vue, React 이런것들 처음 공부하실때 공부방법을 어떻게 가져가시나요? 강의영상 보다보니 이렇게 개념을 하나씩 알려주려면 생각보다 많은 양의 공부가 필요해 보이는데요.프리랜서로 활동중이라 쉬는 기간에 한 개씩만 언어 익히고 있습니다만.. 개인적인 질문이긴 하나 처음 공부하실때 어떤순서로 공부하시는지 공부방법 여쭤봅니다. 꾸벅~  

안녕하세요,자동 개행 관련 저장을 하면 제대로 작동을 했었는데갑자기 안 되네요...교안과 강의를 봐도 제대로 적용을 한 거 같은데..이 경우에 어떤 부분을 확인해야 할 까요..?

자료가 누락되었네요~확인 요청 드립니다~

안녕하세요~radio 에서 name 을 안적어도정상 작동하는데,name을 생략해도 될까요?답변 주시면 감사하겠습니다. <input type="radio" value="male" v-model="field" /> male <input type="radio" value="female" v-model="field" /> female

posts.js 파일내 빨간줄에 replace어쩌구 뜨는데요. 여기만 이러네요.설정은 하라는대로 이전 영상과 똑같이 했습니다.뭐가 문제일까요?

제목의 질문 내용과 동일 합니다.

import LifecycleHooks from '@/components/LifecycleHooks.vue'; import LifecycleHooks from './LifecycleHooks.vue'; 위 2개 임포트의 경우 @가 /src를 의미하는건 알겠습니다. 위 임포트는 절대경로, 아래는 상대경로로 임포트 하는건가여? 어떤강의에선 ./로 사용하고, 어떤강의에선 @로 사용하는데 별다른 설명이 없어서 한번쯤 확인하고자 질문드립니다. 아니면 용도가 별도로 있는건지요?

로컬 화면이 강사님과 동일하게 뜨지 않는데.. 어떻게 하면 될까요..? 

  강의 교안대로 따라 설정했는데.. 문서 작성만하면 이런 빨간 오류들이 뜹니다,,

watch 첫번째 인자에 person.obj 넣고 newValue찍을때person내의 obj객체를 {"count":1} => "Hello" 로 변경시위 내용만 보면 person 내의 obj는 non-object라고 뜨는거 같은데요. ㄷㄷ 강의내용에 "Hello"로만 입력하는게 아닌, 객체형태로 {"Hello":1} 이런식으로 입력해야하는게 아닌지..다만, 아래와같이 {"count": 1} => {"Hello":1}로 변경하면 콘솔엔 아무것도 안찍힙니다. 위 스샷의 에러는 없고, 콘솔엔 아무것도 안찍힙니다. 콘솔 레벨은 모든수준으로 맞췄습니다. 아래는 강의내용 보고 적은 소스입니다. 뭐가 문제일까요?import { reactive, ref, watch } from 'vue'; export default { setup() { const x = ref(0); const y = ref(0); const obj = reactive({ count: 0, }); const person = reactive({ name: '홍길동', age: 30, hobby: '운동', obj: { count: 0, }, }); watch( () => person.obj, newValue => { console.log('newValue: ', newValue); }, ); return { x, y, obj, person }; }, }; </script>

양방향 바인딩 강의 듣다가 @input이 나왔는데요.이게 자바스크립트의 onchange와 같은 역할을 하나요?vue를 처음 접하는지라 사소한것도 질문드리게되네요.vue3 => v-on:input="aaa" => @input="aaa" js => onchange="aaa()" 위처럼 생각해도될까요?   

StockList 만들기 중 404 ERR_BAD_REQUEST 에러 발생하여한참 구글링 해보다가 아래의 방법으로 해결하였습니다.혹시 같은 에러 있으신 분들 참고하세요 보안 이슈땜에 proxy 설정 필요합니다. 1) npm install http-proxy-middleware --save2) src 폴더에 setupProxy.js 생성 후아래 내용 복사const { createProxyMiddleware } = require("http-proxy-middleware"); module.exports = function (app) { app.use( "/api", createProxyMiddleware({ target: "http://localhost:3000", changeOrigin: true, }) );};

 BMI 계산기 프로그램 완성하기 5:14 ~APP.vue 파일에서<router-view></router-view>main.js 파일에서 import { createApp } from 'vue' import App from './App.vue' import router from './router' createApp(App) .use(router) .mount('#app') 작성하면 선생님이 보여주신 거처럼 하단에 HomePage가 나와야 하는데저는 HomePage 가 나오지 않아요.BMI를 눌러도 BMI 가 나오지 않습니다. BMI를 클릭하면BMI를 클릭하면 path만 변경되지 다른 반응이 나오지 않습니다.코드는 제가 직접 적진 않았고 선생님이 작성해준 코드를 그대로 넣었습니다index mainapp.vue

안녕하세요~윈도우 사용자 입니다.아래 질문 답변 주시면 감사하겠습니다. delete cr error 에러때문에 git checkout 할때마다 매번.eslintrc.cjs 파일에endOfLine auto 를 입력해야하는데,git checkout 시 매번 입력하지 않는 방법이 있을까요?시도해본 방법 1.gitignore 에 .eslintrc.cjs 파일을 추가 -> 실패 시도해본 방법 2 에디터 설정 -실패    

강의들으면서 @keyup 이벤트가 강의 내용처럼 안먹네요. keyup이벤트는 키가 눌려졌다가 올라간뒤 실행하는 걸로 아는데요. 이상하게 실행이 안됩니다. 백스페이스나 엔터키는 또 먹습니다. 이벤트가 먼가 다르게 동작되는 느낌입니다.콘솔 상엔 에러는 없고, 그냥 abcd같은 일반키는 keyup이벤트가 안먹네요.이유가 뭘까요?