Frontend/Vue(4)
-
[Vue-router] 데이터 전달
1. query를 통한 전달 uri에 데이터가 다 노출된다. 2. params를 통한 전달 uri에 데이터가 노출되지 않는다. `props: true`로 설정 시 props 항목에 데이터를 전달 받을 수 있다. 프로그래밍 방식으로 네비게이션 설정 시 name으로 설정하여야 한다. (path 지정 X) 분명히 params 전달하였으나 빈 object로 오는 경우 path -> name 으로 변경하면 잘 온다.
2021.06.21 -
[스크랩] CKEditor5 Base64 이미지 업로드 구현
이미지 업로딩 방식을 고민하다가 대부분 직접 서버로 호스팅해서 구현하고 있었는데, 우리 서비스에서는 텍스트 작성 위주로 이루어질 예정이었고 첨부파일은 따로 제공하는 형태여서 그냥 base64를 쓰기로 결정하였다. 해결법 아래 내용에서 제공하는 Base64Upload.js를 직접 작성한 후 import하여 문제를 해결하였다. github.com/ckeditor/ckeditor5-angular/issues/88 How to define a Base64 file upload? · Issue #88 · ckeditor/ckeditor5-angular Hello, I'm using the ckeditor5 with Angular 7 for the first time. I have seen this topic ab..
2021.02.16 -
Vuetify V-dialog 위에서 CKEditor link 버그 해결
Vuetify V-dialog 위에서 CKEditor5를 사용하고 있다. 다른 기능들은 정상작동 하는데 link 기능은 focusout 되고 dialog 위로 자동 스크롤 되는 현상이 발생했다. Vuetify 와의 충돌 때문인 것 같았는데 역시나... 아래와 같이 선언해주면 문제가 해결된다. (출처) Vuetify가 편리하긴 한데, 여러모로 오히려 더 복잡해져서ㅜ 다음부턴 사용 안 할 것 같다... 참고로 Vue2 기반으로 작성된 코드 입니다.
2021.02.16 -
[Vuetify] UI Component 사용 Tip
추후 쉽게 적용할 수 있도록 Codepen에서 실습했던 내용을 작성함 Expansion panels 1. 특정 판넬을 계속 펼쳐놓고 싶은 경우(클릭해도 닫히지 않도록) - v-model에 펼쳐놓고자 하는 판넬 인덱싱 추가 - 펼쳐놓고자 하는 판넬에 readonly="true" 속성 추가 (테스트 결과 readonly모드여도 내부 컨텐츠의 input 수정 등은 가능함)
2020.11.25