[Vue.js/PrimeVue] Password 컴포넌트에 구글 계정 정보가 자동 입력되는 문제
·
Error Notes
PrimeVue의 Password 컴포넌트를 사용했는데해당 사이트에 저장해둔 계정 정보가 계속 자동으로 입력되는 문제가 있었다. # 해결방법 - 위와 같은 방식으로 넣어 주어야 Password 컴포넌트 내부의 태그에 autocomplete: 'new-password'가 적용된다.
[Vue.js/konva] 파스칼 케이스로 작성했을 때 konva 컴포넌트가 불러와지지 않는 문제
·
Error Notes
[ 문제 상황 ]vue-konva는 기본적으로 컴포넌트명에 'v-' 접두사를 붙여서 케밥 케이스로 사용한다.ex) v-stage, v-text, ... 이전에 다른 프로젝트에서는 괜찮았는데, 이번 프로젝트는 저장 시 컴포넌트명이 자동으로 파스칼 케이스로 변환되도록 규칙이 설정되어 있어서 컴포넌트 인식이 안되는 문제가 발생했다. [Vue warn]: Failed to resolve component: VStage If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at ref=Ref > at at ref=Re..
[Vue.js/PrimeVue] 컴포넌트 정리
·
Vue.js
PrimeVue  - Vue.js를 기반으로 한 UI 컴포넌트 라이브러리   - 미리 만들어진 UI 컴포넌트를 제공함  - Bootstrap과 유사한 역할을 함     → 둘 중 하나를 선택하여 사용하는 것을 권장함          i. PrimeVue             - Vue.js의 컴포넌트 기반 아키텍처를 활용하기에 좋음            - Tailwind CSS와 함께 사용하여 좀 더 세밀하게 스타일을 적용할 수 있음          ii. Bootstrap            - 다양한 프레임워크와 쉽게 통합할 수 있음  - https://primevue.org/ ※ Tailwind CSS  - 유틸리티 기반의 CSS 프레임워크   - 클래스 이름을 사용하여 스타일을 직접 조합할 수 있..
[Vue.js] Vue-i18n을 활용한 다국어 패치
·
Vue.js
이번에 국문/영문에 동시에 오픈해야 하는 시스템이 있었는데, 기능이 완전히 동일해서 view 파일을 각각 만들어서 사용하는 건 좀 비효율적이었다. 유지보수하기도 귀찮을거고..그래서 같은 view 파일로 사용하기 위해서 Vue-i18n이라는 라이브러리를 활용했다. Vue-i18ni18n은 Internationalization (국제화)의 약자다. i와 n 사이에 18글자가 들어가서 i18n이라고 줄여 쓴다고 한다.(발음은 보통 아이일팔엔 또는 아이eighteen엔이라고 한다는데, 아이십팔엔이라고 부르는 분들도 계시더라) https://vue-i18n.intlify.dev/guide/installation.html Installation | Vue I18n vue-i18n.intlify.dev나는 기존 프로..
[Vue.js] @keyup.enter : 엔터 키를 눌렀을 때 코드 실행하기
·
Vue.js
@keyup.enter를 활용하면 jQuery로 구현할 때보다 더 간단하고 직관적이게 코드를 작성할 수 있다.  #  jQuery로 구현한 코드 #  Vue.js로 구현한 코드