게시글
질문&답변
2024.05.02
메타 태그 질문입니다.
안녕하세요. 질문) 미들웨어에서 페이지의 메타태그를 한번 씌워놓으면 해당 pages 폴더의 vue파일에서 다시 메타태그 설정이 안되는지 궁금하고 답변) 미들웨어( middleware )에서 메타태그( useSeoMeta ) 설정 후 페이지( pages )에서 메타태그( useSeoMeta )를 재정할 수 있습니다. 만약 원하는 결과가 나오지 않는다면 동기/비동기 문제인지 SNS 공유 캐시의 문제인지 체크해 보는 것도 괜찮을 것 같습니다. 간단한 문자열로 Nuxt의 스펙을 테스트해보시면 해당 문제를 파악하는 데 도움이 되실 것 같습니다. PS. 그리고 메타태그의 값을 확인하실 때는 웹 페이지에서 [마우스 우클릭] > [페이지 소스보기] 해서 확인하시는 것을 권장드립니다.
- 0
- 1
- 29
질문&답변
2024.05.02
eslint 링크 에러
안녕하세요 🙂 해당 회차 영상설명란에 링크를 수정했습니다. 불편드려죄송합니다 🙏
- 0
- 1
- 23
질문&답변
2024.05.02
q-input과 :rules 속성을 함께 쓸때, items-center 속성이 이상한 현상
안녕하세요. 답변) Flex Container와 Flex Item 을 위한 요소 추가 신청자 PS. 컴포넌트는 따로 정의하신 컴포넌트일까요? 퀘이사 스펙에서 제공하지 않는 컴포넌트여서요.
- 0
- 1
- 27
질문&답변
2024.04.29
컴포넌트 간 데이터 전달 시
안녕하세요. " 상위에서 하위로 데이터 변경 시에는 props에 담아서 전달하고, 하위에서 상위 컴포넌트로 데이터 변경 전달 시에는 emit을 가지고 이벤트 핸들링을 한다고 공부 했습니다." 위 내용은 정확히 이해하셨습니다. 그리고 정역 상태관리 라이브러리는 상태(state)를 전역적으로 관리하고자 할 때 예를들면, 로그인한 유저의 정보 등과 같이 전역적으로 상태를 필요로할 때 사용하시면 되고요. Pinia는 Vue 3 의 공식 상태관리 라이브러리 입니다. Vuex는 Vue 2에서 사용되었고요 이제 권장하지 않습니다. Vue3 실전편에서 해당 내용을 다루니까 참고하시면 될 거 같습니다.
- 0
- 1
- 27
질문&답변
2024.04.24
Key값으로 Object 사용가능할까요?
안녕하세요. 특수 속성 key 의 타입은 number | string | symbol 입니다. 그렇기 때문에 id , enable 을 사용하길 희망 하신다면 해당 속성( id + enable )으로 고유한 속성을 만드는 방법도 있을 것 같습니다.
- 0
- 1
- 42
질문&답변
2024.04.22
clearError 와 error.value = null
안녕하세요 🙂 저 또한 지윤님처럼 같은 의문을 가졌었습니다 👍 그 결과 이렇게 "현재는" 이렇게 결론 지었어요. 1) clearError는 useError() 객체의 에러를 초기화! 2) error.value = null 은 에서 발생한 에러(로컬에러) 초기화! 또는 이렇게 생각해 볼 수도 있습니다. 아직 Nuxt 3 에서 안정화가 덜 되었을 수도.. 학습을 하다보면 안정화 된 기술도 있지만 새로운 지식을 학습하다보면 종종 이해가 안되는 부분이 있는데요. 이러한 부분은 위에 처럼 최대한 이해하고 넘어가요 ^^ 관련 github issues 공유 드립니다 💪 https://github.com/nuxt/nuxt/issues/15781
- 0
- 1
- 57
질문&답변
2024.04.18
tiptap 스타일 파일은 따로 안 올려주시나요?
안녕하세요. [수업자료]를 클릭하여 다운받으시고 압축을 푸시면 src/css/tiptap.scss 파일이 있습니다.
- 0
- 1
- 57
질문&답변
2024.04.18
LocalStorage 값 변경 자동 체크
안녕하세요 isTokenValid 값이 변경이 되지 않는다면 computed 내의 콜백 함수를 디버깅 해봐야 알 수 있는데요. breakpoint 를 활용해서 원하는 값의 변경이 잘 되는지 확인해 보시면 될 것 같습니다.
- 0
- 1
- 70
질문&답변
2024.04.18
eslint와 prettier를 설정 했는데.. 매번 프로젝트를 시작할 때 마다 이렇게 다 처음부터 설정을 해야하나요?
그래서 많은 기업들이 공통 설정을 정의 해 놓고 extends 해서 사용하죠. 예) https://www.npmjs.com/package/eslint-config-airbnb
- 0
- 1
- 110
질문&답변
2024.04.18
msw
안녕하세요. 저도 아직 Nuxt3에 설치해 보지 않아서요. 아래 자료가 될 만한 링크를 공유해 드립니다. https://github.com/mswjs/msw/discussions/1527
- 0
- 1
- 81