Front-End

[Vue.js] URIError: Failed to decode param ‘/%3C%=BASE_URL%20%%3Efavicon.ico’ 오류가 발생한다.

떠돌이개발자Oct 15, 2023

아니 왜, 갑자기 favicon.ico 관련 URI오류가 발생하는 것일까?? URIError: Failed to decode param '/%3C%=BASE_URL%20%%3Efavicon.ico' at decodeURIComponent (<anonymous>) at decode_param (C:Workspacetestsrcvuenode_modulesexpresslibrouterlayer.js:172:12) at Layer.match (C:Workspacetestsrcvuenode_modulesexpresslibrouterlayer.js:123:27) at matchLayer...

Front-End

vue.js 개발환경 main.js, vue.config.js, vuetify.js, package.json, babel.config.js 샘플 스크립트

떠돌이개발자Oct 13, 2023

vue.js 개발환경 예제 스크립트 [vue.config.js] module.exports = { publicPath: '/front', outputDir: '../main/webapp/front/', pwa: { workboxPluginMode: 'InjectManifest', workboxOptions: { swSrc: 'src/service-worker.js', }, }, devServer: { proxy:...

Front-End

FCS Studio (Finger.Studio) 사용법 정리

떠돌이개발자Oct 13, 2023

Finger.Studio 사용법 정리 핑거스튜디오로 생성한 파일은 fcs 확장자를 갖는다. 1. 작업 환경 구성하기 핑거스튜디오 프로그램 시작 후 파일(F)메뉴 > 설정(T)를 클릭하여 기본 설정을 변경한다. CompID,세션 아이디,WebPlatform설치...

Front-End

Vue.js 개발 환경 설정방법

떠돌이개발자Oct 12, 2023

Vue.js 프론트엔드 개발 환경 설정방법 1. Node.js 설치(https://nodejs.org/ko/) -LTS 버전으로 설치 2. Nodejs 설치가 후 명령프롬프트창(cmd)에서 node –v 명령어를 실행하여 설치 여부 확인 3. npm...

Front-End

드래그 방지, 복사 방지, 개발자 도구 방지 스크립트

떠돌이개발자Oct 8, 2023

블로그 및 웹사이트에서 사용할 수 있는 복사 및 드래그 방지 스크립트이다. 드래그 방지 복사 방지, 개발자 도구 방지

Front-End

[뷰제이에스] vue-cli · Failed to download repo vuejs-templates/webpack: unable to verify the first certificate

떠돌이개발자Oct 7, 2023

회사에서 프로젝트를 git으로 부터 내려받고 코드 분석하는 과정에서 의문점이 하나 생겼다. vue-cli를 이용하여 프로젝트를 생성하는 경우에 어떤 스크립트 및 파일들이 생성되는지 궁금하였다. 또한 스크립트 생성시...

Front-End

Vue.js not detected 해결하는 방법

떠돌이개발자Oct 6, 2023

Vue.js not detected를 해결하기위해 크롬 브라우저에서 확장프로그램으로 Vue Devtools 찾아서 설치 후 Hello Vue.js를 출력해보는 테스트를 진행합니다. 테스트 파일은 아래 html파일을 다운받으세요. Vue LifeCycle Sample.html...

Front-End IDE

Vue.js 개발 환경 설정(Visual Studio Code 툴 + Vue.js) 및 Vue-CLI를 이용한 프로젝트 생성하기

떠돌이개발자Sep 28, 2023

Vue.js 자바스크립트 프레임워크를 이용한 프론트엔드 개발 환경을 설정하는 방법에 대해 알아봅니다. IDE툴은 비주얼 스튜디오 코드(Visual Studio Codel) 줄여서 VSCode를 사용합니다. 그리고 Node.js를 이용합니다. Node.js는 Chrome...

Front-End

ul tag 점 없애기, HTML ul 점 제거 방법

떠돌이개발자Sep 19, 2023

<UL>, <LI> 리스트 태그의 점을 없애기(제거) 하는 방법 <ul>, <ol>, <li> 태그를 사용하여 생성된 리스트(목록) 앞에는 기본적으로 불릿이 생성이 된다. 이 블릿( 점, 숫자 등)을...

Front-End

[Vue.js + Vuetify.js] 분기별(1분기~4분기), 반기별(상반기, 하반기) 날짜 검색 옵션 구현 방법

떠돌이개발자Sep 16, 2023

토글버튼(<v-btn-toggle>)을 이용하여 분기별, 반기별 버튼을 생성 후 시작일(<v-date-picker>)과 종료일(<v-date-picker>)을 바인딩하는 방법에 대한 구현 예제이다. -------------------- 생략------------------- <v-row> <v-col class="pb0"><p class="fc-222222">조회기간 </p></v-col> </v-row> <v-row style="text-align: center;">...

Category: Front-End