volar 와 vue language features 로 검색해봤지만, 영상에 나오는 플러그인은 검색이 안됩니다. 다른걸 설치해야할까요?

index.html?...당연히(?) 아무생각없이(?)프로젝트 빌드하고 실행하면 entry point 가 index.html 이라고만 생각하고 있다가 ..이번 강의를 보면서index_cloak.html 이 파일명을 변경해도먼저 동작하네요질문:단순의 index.html은 파일명을 변경해도 상관없는지요?동영상 cloak 부분을 설명하실때 내용을 보면바로 파일명을 index_cloak.html로 변경해서 설명해주시는 걸 보면 .... 흐음.." index.html 을 index_cloak.html 로 변경해서index_cloak.html 부터 (?) 시작해라 " 같은 환경설정은 없는거 같은데..JSP.. 같이<welcom-file-list> 가 있는것도 아니고...App.vue .. is root commonent? ..뭔상관?..코딩님 쾌변좀 부탁드립니다. ^^

PostItem은 제목이나 내용의 길이에 따라 카드도 계속 늘어나는데제목은 한 줄이 넘어 갈 경우 ...내용은 몇 줄 이상되면 ...으로 표현하려면 어떻게 해야 되나요?그리고 카드의 길이도 고정하고 싶습니다!

@Test @DisplayName("글 삭제") @CustomMockUser void test7() throws Exception { // given UserPrincipal principal = (UserPrincipal) SecurityContextHolder.getContext().getAuthentication().getPrincipal(); Member byId = memberRepository.findById(principal.getUserId()).orElseThrow(UserNotFound::new); Post post = Post.builder() .title("Hello World") .content("Hello Java") .member(byId) .build(); postRepository.save(post); // expected mockMvc.perform(delete("/posts/{postId}", post.getId())) .andExpect(status().isOk()) .andDo(print()); }

강의 시 폰트 크기 좀 키워주셨으면 좋겠습니다.IDE 폰트가 작아서 코드 보기가 힘드네요..

음 강의를 잘듣고있습니다. 궁금한 점은 watch를 사용하는 부분에서 인자 두개 prevValue,newValue 두개를 콘솔로 찍어봤을때 값이 같은 이유는 뭔지가 궁금합니다.

primitive type을 감싼 ref 객체?는 레퍼런스 타입이기 때문에reactive에다가 ref 객체를 넘겨줬을 때 주소값이 같아서 같은 값으로 유지된다고 이해했습니다.같은 주소할당으로 인한 사이드 이펙트가 발생할 것 같은데 저런 코드를 작성하는 일이 있는지 프론트 경험이 없어서 질문합니다!

CRUD 실습 - 2 중 문의사항이 있어 작성합니다.제가 실수로 이전 CREATE 에서 두번 실행하는 바람에 현재 제 DB에 데이터가 중복으로 들어갔습니다. 그리고 현재 UPDATE를 하였을 때 데이터가 한 건만 수정되는 것을 확인하였습니다.원래대로라면 '김현수'라는 이름을 가진 데이터가 2건이기 때문에 2건 모두 바뀌어야 하는 거 아닐까요? 왜 1건만 변경되는 지 문의드립니다.

[vue-tsc] Argument of type 'unknown' is not assignable to parameter of type 'string'./workspace/dev/nuxt-tutorial/server/routes/auth/login.post.ts:38:20 36 | 37 | const config = useRuntimeConfig(); > 38 | setCookie(event, config.authCookieName, JSON.stringify(userWithoutPassword)); | ^^^^^^^^^^^^^^^^^^^^^ 39 | 40 | return { 41 | user: userWithoutPassword,[vue-tsc] Argument of type 'unknown' is not assignable to parameter of type 'string'./workspace/dev/nuxt-tutorial/server/utils/auth.ts:5:43 3 | export function getUserFromEvent(event: H3Event) { 4 | const config = useRuntimeConfig(); > 5 | const userJsonString = getCookie(event, config.authCookieName); | ^^^^^^^^^^^^^^^^^^^^^ 6 | 7 | console.log('userJsonString: ', userJsonString);config.authCookieName 에서 타입 오류가 발생하는데 어떻게 해결 할 수 있을까요..?

vue3-posts 깃헙에서 다운받아 클론하여 해보고 있는데요조금만 수정하면 빨강 밑줄이 뜨면서 replace하라고 나오네요? 이유가 뭘까요? 그리고 개선방법이 있을까요?.

현재 우분투 서버단에서 nuxt3와 pm2로 실행관리를 하려면 테스트중입니다.그런데, 잘 작동하다가 한번씩.. 아래와 같은 오류를 발생시키면서 서버가 죽습니다.며칠동안 방법을 찾으려고 했으나, 찾을수가 없어서 질문 드립니다.(구글링, gpt 하면서 체크하라는 부분은 다 체크해 보았는데.. 못 잡았습니다.. 해당 패키지들은 최신버전이고, node도 다른버전으로 변경해 보았으나, 동일한 현상을 발생시킵니다.)관련 이슈도 있는거 같던데.. 혹 알고 계시는거 없는지요??0|nuxt3 | ERROR [unhandledRejection] connect ECONNREFUSED 127.0.0.1:43671 0|nuxt3 | 0|nuxt3 | at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1606:16) 0|nuxt3 | 0|nuxt3 | 0|nuxt3 | ERROR [unhandledRejection] connect ECONNREFUSED 127.0.0.1:43671 0|nuxt3 | 0|nuxt3 | at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1606:16) 로컬에서 개발시에는 개발중 이런 문제가 없었던 것으로 기억하는데..서버단으로 이동후에는 이러네요..정확한 원인을 모르니, 많이 답답합니다.. 알려주세용..

안녕하세요volar 설치 확인 중 . volar 를 입력하면 강의에서 볼 수 있는 " Vue Langve Features(Volar)" 이 검색 되질 않습니다. TypeScriptg vue Plugn(volar) 은 취소선으로 처리되어 김색 데고요...Visaul Code 문제?..글쎄요.. 잘 모르겠습니다. 지원 부탁 드립니다.

안녕하세요. 강의 잘 듣고 있습니다.강의중에 퀘이사 컴포넌트 속성 작성하실때 (ex <q-input outline /> )영상에서는 o 만 타이밍해도 자동완성이 작동하던데, 저는 안되더라구요.퀘이사 다른 익스텐션을 테스트해봐도 작동이 안되거나 버전업이 안되는것들 뿐이네요.volar 에서 Vue - Official 로 바뀐거같긴합니다만 이거때문일까요? 다른방법이 없을까요? 아니면 따로 사용하시는게 있을까요?

안녕하세요 강사님중급강의 스토어 모듈화까지 마치고 정상작동을 확인 한 후터미널에서 프로젝트를 재실행 하였지만오류로 인해 TodoList, TodoInput 등 작동 되지 않습니다.오류는 다음과 같고main.js와 store.js, todoApp.js 모두 import가 올바른 경로로 되어있습니다.main.jsimport Vue from 'vue' import App from './App.vue' import { store } from './store/store.js' new Vue({ el: '#app', store : store, render: h => h(App), }) store.jsimport Vue from 'vue' import Vuex from 'vuex' import todoApp from './modules/todoApp.js' Vue.use(Vuex); export const store = new Vuex.Store({ modules : { todoApp } });todoApp.jsconst storage = { fetch(){ const arr = []; console.log('created') if(localStorage.length > 0 ){ for(let i = 0; i < localStorage.length; i ++){ if (localStorage.key(i) !== 'loglevel:webpack-dev-server'){ arr.push(JSON.parse(localStorage.getItem(localStorage.key(i)))); } } } return arr; } } const state= { todoItems: storage.fetch() }; const getters = { getTodoItems(state) { return state.todoItems; } }; const mutations= { addOneItem(state, todoItem) { const obj = {completed: false, item: todoItem} localStorage.setItem(todoItem, JSON.stringify(obj)); state.todoItems.push(obj); }, removeOneItem(state, payload){ localStorage.removeItem(payload.todoItem.item); state.todoItems.splice(payload.index,1); }, toggleOneItem(state, payload){ state.todoItems[payload.index].completed = !state.todoItems[payload.index].completed; localStorage.removeItem(payload.todoItem.item); localStorage.setItem(payload.todoItem.item, JSON.stringify(payload.todoItem)); }, clearAllItems(state){ localStorage.clear(); state.todoItems=[]; } }; export default{ state, getters, mutations }

전체질문에 있는부트스트랩 설치 시 오류 발생에 대한 질문 내용도 읽어 보고수업 노트 보기에 있는 내용으로 진행했지만버전 문제인지 bootstrap 제대로 설치가 안됩니다. npm install bootstrap 실패오류먼저 전체질문에 있는 내용하고 동일 npm install bootstrap --forcenpm install bootstrap --legacy-peer-deps도움 요청합니다.

nuxt3 프로젝트를 git clone으로 pull 받은 후 해야 할 일 것들이 뭘까요?nvm 설치 후 node 와 npm 은 버전을 맞추었습니다. 이후 npm install하면 package.json 파일을 보고 의존성 라이브러리 추가되는 것으로 알고 있습니다.이 외에 더 설치나 설정을 해야 할 것이 있을까요? 물론 git저장소에는 정상적으로 빌드 된 것들만 올라갔습니다. 

Firebase 요금에 관한 문의 사항이 있습니다.회사 내 프로젝트인데 Firebase가 오픈 소스인 줄 알았는데 요금제가 있더군요생각보다 요금제에 대한 함정이 있는 것 같아 사용하기가 선뜻 내키지 않습니다.또한 저희는 오픈 소스를 사용해야 하는 입장이고 클라우드 환경이라면 AWS를 이용해야 하는 상황입니다. 질문혹시 Firebase를 사용하지 않고 자체 DB를 이용한다고 할 때 강의 내용에 나온 프론트 화면이나 로직은 사용이 가능합니까?만약 Firebase Store를 이용하지 않는다면 이 강의는 건너 뛰고 Nuxt3로 가는 것이 좋습니까? 

프로젝트에서 Quasar를 이용하여 프론트를 개발할 때textarea, password 와 같은 입력 필드들을 base component로 만들어서 개발자에게 제공하는 것이 일반적인 방식인가요? 아니면 개발자가 하나하나 type이라던지 placeholder를 지정하면서 개발하는 것이 일반적인 방식인가요?

선생님 강의 들으면서 따라하고 있습니다강의랑 똑같이 타이핑하면서 공부하고 있는데 왜 타임라인에서 이벤트 호출이 안되는지 이유를 모르겠어서 질문 남깁니다! 확인 부탁드립니다...!

Vue2는 created가 있지만,Vue3는 없기때문에 혼용해서쓴다면(누가하던 작업을 이어받음)Api호출을 mounted 시점에하는게 나을까요? created시점에 호출하는것과 차이 많이날까요?