본문 바로가기
반응형

분류 전체보기129

[Vue] Vue 에디터 Toast ui editor 플러그인 설치 Toast Ui Editor를 vue/cli로 설치해서 사용하면 기본적인 editor 기능을 사용할 수 있지만, 기본으로 지원하지 않는 기능들을 플러그인으로 제공하고 있다. (에디터에서 제공하는 플러그인은 현재 5개이며, 추후 자주 사용되는 기능이 추가될 예정이라고 함 ) (https://github.com/nhn/tui.editor/blob/master/docs/ko/plugin.md 여기서 확인할 수 있다.) 이번에는 글씨색을 바꿔주는 플러그인을 설치해보려고한다. 1.vue/cli를 통한 설치 npm install --save @toast-ui/editor-plugin-color-syntax package.json에 의존성이 추가된 것을 확인할 수 있다. 2.editor components에 플러그인.. 2021. 7. 22.
[Vue] Vue.js 에디터 TOAST UI EDITOR 1. vue/cli를 이용해서 TOAST EDITOR 설치 npm install --save @toast-ui/vue-editor package.json에 dependencies가 생성됨을 확인할 수 있다. 2. ToastEditor 컴포넌트 만들어보자. src/components/common/ToastEditor.vue 3. 에디터 화면 2021. 7. 22.
[Java] Gradle 설치 1. gradle 사이트 접속 https://gradle.org/ Gradle Build Tool Accelerate developer productivity. Gradle helps teams build, automate and deliver better software, faster. gradle.org gradle를 설치하기 위해선 jdk 1.8 이상 버전이어야합니다. 고로 cmd 창에서 java --version으로 1.8 이상인지 확인 이후에 진행해주세요. 2. Binary-only or Complete 설치 저는 complete로 다운로드 받았습니다. 이후 압축파일을 C:\gradle에 압축해제합니다. (C드라이브 밑에 gradle 폴더를 만들어주고 그 안에 해제했습니다.) 3.환경변수 설정 .. 2021. 7. 21.
[개인블로그] 14.SpringBoot 테스트 컨트롤러로 vue.js 통신하기 1.TestController.java test/1 post방식으로 controller를 작성해서 vue axios로 통신을 해보았다. CORS 오류 발생 . ※ CORS란 : 다른출처의 자원을 공유할 수 있도록 설정하는 권한 체제를 말한다. CORS를 설정해주지 않거나, 제대로 설정해주지 않으면 공유 불가. CORS 에러 해결방법 @CrossOrigin("*") => 모든 요청에 접근 허용 (보안에 취약) 2. WebConfig에 CORS 설정해주기 (특정 도메인으로 오는 요청에 모두 CORS를 적용하고 싶다! 할때 해당 설정을 해주면 된다.) WebConfig.java 파일을 만들어준다음에 위와같이 세팅을 해준다. -> 이렇게 세팅을 하면 따로 @CrossOrigin 어노테이션을 붙이지 않아도 된다... 2021. 7. 20.
반응형

티스토리툴바