Front End 검색 결과

해당 글 11건

[Web Authentication] 웹 개발 시 어떤 인증방법을 선택해야 할까?

웹 개발을 하면서 '인증'을 어떠한 방법으로 해야할까 고민해보았다. Firebase 는 방법이라기보다는 툴에 더 가까운것 같지만 넣어두었는데(Firebase 도 토큰 기반 인증을 이용할 수 있으므로), 어쨌든 인증 기능에 대한 한 가지 방법이므로 넣었다. 조금이라도 금전적인 지원이 가능하다면 Firebase 를 backend 로 사용하는게 좋아보인다. 1. FireBase (Google) Baas(Backend as a Service), 백엔드/서버 측 코드를 작성하지 않고 클라우드와 연동해 응용 프로그램을 효율적으로 개발할 수 있는 환경을 제공하는 것 실시간 데이터베이스, 사용자 인증, 클라우드, 호스팅, 오류 보고, 광고 수익 등의 기능을 제공 하지만 무료 요금제는 프로젝트 당 하나의 데이터베이스만 ..
Front End 2021. 1. 22. 16:27

error: Module parse failed: Unexpected token. You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.

- 현상 : moudle parse error: unexpected tocken you may need an appropriate loader to handle this file type - 원인 : webpack 에서 'vue3-chart-v2' 를 사용하려는데 'Basechart.js' 의 loader가 잘못되었다고함 호환성 문제인데... BaseChart.js 의 loader를 babel-loader로 설정해주면 된다. - 해결 : vue.config.js 편집 (상황에따라서 babel.config/webpack.config 와 같이 알맞은 config 파일을 편집하면 될 듯) "rules" 에 아래 소스 추가 module: { rules: [{ test: /@?(BaseChart).*\.(ts|j..
Front End 2021. 1. 19. 14:09

[Vue.js] Vue-Cli 3/4 에서 BootStrap 설치 방법

1. bootstrap, Popper.js, jQuery 설치 (popper, jquery는 Bootstrap 의 dependency이다. ) - npm install bootstrap popper.js jquery - jquery 설치는 오른쪽 링크를 참고(duriduriduri.tistory.com/7) 2. main.js 수정 - import 'bootstrap' 추가 import { createApp } from 'vue' import App from './App.vue' import jQuery from 'jquery' import 'bootstrap' ... stackoverflow.com/questions/42684661/adding-bootstrap-to-vue-cli-project sta..
Front End 2021. 1. 12. 13:56

[Vue.js] Vue3 에서 컴포넌트간 통신하기 (mitt)

Vu3 에서는 $on, $once, $off 를 사용하지 않음 $emit 은 parent component에 부착되어 trigger event handler API 로 여전히 사용됨 'Eventbus'는 Vue 가 추천하는 공식적인 방법이 아님 'mitt' 와 같은 외부 라이브러리를 이용하여 이벤트 버스를 구현하자. RFC (github.com/vuejs/rfcs/blob/master/active-rfcs/0020-events-api-change.md) Vue 2 에서 $emit 은 parent component에 부착된 trigger event handler API 로, event emitter API ($on, $off, $once) 를 tigger 하는데 사용될 수도 있다. 이것은 실제로 과부하이다..
Front End 2021. 1. 6. 16:47

[Vue.js] Vue-Cli 에서 정적 json/geojson 파일을 읽는법 / Vue-Cli + Openlayers + geojson

static geojson/json 파일을 읽어오는 방법 물론 shp/kml 파일도 동일한 방법으로 읽어올 수 있다. shp/kml 파일을 geosjon 파일로 변환한 후 아래와 같은 작업을 수행하면 된다. 1. json loader 설치 - npm install --save json-loader 2. vue.config.js 에 아래 구문 추가 ( json일 경우 geojson을 json으로 바꿔주세요 ) configureWebpack: { module: { rules: [ { test: /\.geojson$/, loader: 'json-loader' } ] } } 3. vue 파일에서 geojson 파일을 읽어오기 + 읽어온 파일을 openLayers에 연동시키기 import link from '....
Front End 2021. 1. 4. 16:30