본문 바로가기

프런트엔드/Framework4

vue-select에서 multiple 옵션 설정 후 다중 선택시 오류 환경 ㆍvueJS 3.x ㆍvue-select 요약 vue-select에서 multiple 옵션 설정 후 다중 선택시 중복체크가 되지 않는다. 원인 빈 오브젝트 체크 오류 대응 원본 파일은 건드리지않고 컴포넌트를 extend 하여 isOptionSelected 메소드를 수정하여 준다. /** v-select custom */ Vue.component('temp-select', vSelect); const Base = Vue.options.components["temp-select"]; const CustomSelect = Base.extend({ methods: { isOptionSelected(option) { return this.valueAsArray.some(value => { if (typeof.. 2019. 2. 14.
vueJS - router 설정시 Uncaught SyntaxError: Unexpected token < 오류 환경 ㆍvueJS 3.x 요약 vueJS에서 router의 depth를 세분화하였을 경우 (/depth1/depth2) 동작을 하지 않는다. Uncaught SyntaxError: Unexpected token 2019. 2. 13.
webpack 3.0 설정 방법 설정방법 devtool : 소스맵을 생성하여 원본 소스랑 맵핑할 수게 있게 설정하는 부분 (참고 : https://webpack.js.org/configuration/devtool/) module.exports = { devtool: 'source-map', .... devtool 옵션 설명 eval-source-map 모든 기능이 포함된 완전한 소스맵을 별도의 파일로 생성합니다. 이 옵션은 최고 품질의 소스맵을 생성하지만 빌드 프로세스가 느려집니다. source-map 별도의 파일에 칼람 매핑을 제외한 소스 맵을 생성합니다. 칼람 매핑을 생략하면 빌드 속도는 향상되지만 디버깅할 때는 약간의 불편함이 있습니다. 브라우저가 개발자 툴은 원래 소스 파일의 행을 가리킬 수 있으며, 특정 칼람(또는 문자열)을 .. 2018. 12. 31.
React 란? React 란? 리액트는 자바스크립트와 (필요에 따라) XML을 이용해 조합형 사용자 인터페이스를 구축하는 엔진입니다. 간략히 말하자면 뷰에 특화된 라이브러리 React 동작 예) JSX → Javascript 변환 // JSX 코드 작성 return ( Hello World ) // 아래와 같이 javascript 로 변환됩니다. return React.createElement("h1", null, "Hello World"); React Event 흐름도 부모 컴포넌트에서 자식으로 속성을 통한 단방향 데이터 흐름 자식이 부모컴포넌트로 데이터를 전달해야 할 경우는 자식이 이용할 콜백 함수를 속성을 통해 전달하여 사용합니다. React 장점 편리한 반응형 렌더링 순수 자바스크립트를 이용한 컴포넌트 기반 개.. 2018. 12. 31.
728x90
반응형