본문 바로가기

전체 글

Vue - 프로젝트 공통함수 적용하기 Vue - 프로젝트 공통함수 적용하기
1. 공통 js 생성 저의 경우 common.js를 생성하여 assets/js 안에 두었습니다. 함수 생성은 Vue.prototype.$함수명 = function(data){} 와 같은 방식으로 생성할 수 있습니다. import axios from 'axios' import config from 'config'; var requestOptions = { headers: { 'Content-Type': 'application/json', timeout: 60000 } }; export default{ install(Vue){ // ajax post Vue.prototype.$post = function (callUrl, postData, succ, fail){ var URL = `${config.conte..
Vue - ckeditor 사용방법 Vue - ckeditor 사용방법
vue 프로젝트에 ckeditor5 사용시 에러 발생 기본 에디터에 플러그인 추가시 아래 에러 발생 ckeditor.js:5 TypeError: Cannot read property 'getAttribute' of null at IconView._updateXMLContent (iconview.js:100) at IconView.render (iconview.js:76) at IconView.on (observablemixin.js:249) at IconView.fire (emittermixin.js:196) at IconView.(anonymous function) [as render] (http://localhost:3030/js/bundle.js:27142:16) at ViewCollection.o..
HTML] data 속성 간단 사용법
HTML 태그속 data-* 형식으로 저장하고 싶은 값들을 저장할 수 있습니다. Example 버튼 JavaScript JavaScript에서는 dataset을 통하여 값을 가져올수 있습니다. 속성에 접근하는 방법은 data 속성의 data-부분을 뺀 뒷부분만 사용하며 - 뒤 첫번째 영단어는 대문자로 작성하여야 합니다. (데이터 속성 이름에서data-를 뺀 뒤 camelCase로 변환.) ex) data-color-type > dataset.colorType Example var codeId = document.getElementById('btn').dataset.codeId; var type = document.getElementById('btn').dataset.type; JQuery JQuery에서..
JavaScript] 객체 배열 특정 값 인덱스 찾는 함수 findIndex
객체 배열 속 특정값 인덱스를 찾는 방법을 찾다가 findIndex라는 함수를 알게되어 사용하였습니다. findIndex() 주어진 판별 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환합니다. 만족하는 요소가 없으면 -1을 반환합니다. Syntax array.findIndex(function(currentValue, index, arr), thisValue) Example 1 var ages = [3, 10, 18, 20]; function checkAdult(age) { return age >= 18; } function myFunction() { var index = ages.findIndex(checkAdult); } Example 2 var array = [ {name:"홍길동", ag..
HTML5 특수문자 코드표 확인
HTML5 에서 특수문자를 사용할때 깨진다면 아래의 사이트에서 코드값을 찾아 변경하면 깨지지 않습니다. ex) >의 경우 > , &의 경우 & 로 변경하시면 됩니다. https://dev.w3.org/html5/html-author/charref Character Entity Reference Chart dev.w3.org
안드로이드 스튜디오 빌드 오류 안드로이드 스튜디오 빌드 오류
잘 돌아가던 프로젝트가 갑자기 빌드가 안되고 아래의 오류가난다면 RansomDefender가 문제일 수 있습니다. The newly created daemon process has a different context than expected. Java home is different. Please configure the JDK to match the expected one. Open JDK Settings 저의 경우에는 삼성 노트북에 RansomDefender 라는 프로그램의 행위탐지 동작을 통해 java.exe를 검역소로 이동시키고 있었습니다. 해당 RansomDefender 프로그램에서 기록 > 검역소 > java.exe 체크 후 복원 버튼 클릭 하시면 파일이 복원됩니다. 행위탐지 동작이 켜져있을 ..
IntelliJ ] Vue 초기 개발 세팅 IntelliJ ] Vue 초기 개발 세팅
// IntelliJ 2018.2.8(Ultimate Edtion)으로 세팅 // node.js, npm 설치 후 진행 1. IntelliJ 모듈 생성 원하는경로에 IntelliJ 모듈 생성 File - New - module New Module - static Web - Vue.js 선택 후 Next Module name 입력 후 Next 2. IntelliJ 내 Terminal Open 3. vue-cli를 이용하여 프로젝트 생성 vue init webpack [원하는 프로젝트명] 위 코드 입력 후 나타나는 입력 창 모두 엔터해도 문제없음 4. 해당 프로젝트 경로로 이동 cd [프로젝트명] 5. Vue 프로젝트 실행 npm run dev npm start 위 두 코드중 하나 실행(npm start 가..

티스토리툴바