본문 바로가기

분류 전체보기273

[Webpack] devServer option 정리 2021.06.25 - [Frontend/Webpack] - [Webpack] webpack option 정리 [Webpack] webpack option 정리 웹팩을 사용하면서 설정해논 옵션이 어떤 옵션인지 알기 위해서 낱낱히 파해치는 작업을 했었는데, 보기 힘들어서 그냥 따로 정리하기로 했다! 2021.06.25 - [Frontend/Webpack] - [Webpack] 이미 올라가있 vvh-avv.tistory.com 공식홈페이지를 많이 참고해서 정리하였으나, 지나가시는 분 중 제 설명에 틀린 점이 있다면 편하게 지적 부탁드립니다 :) clientLogLevel inline 모드를 사용할 때 DevTools 콘솔에서 표시될 lovel (df. info) webpack6 이후부터는 제거될 옵션이라고 .. 2021. 6. 25.
[Webpack] webpack option 정리 웹팩을 사용하면서 설정해논 옵션이 어떤 옵션인지 알기 위해서 낱낱히 파해치는 작업을 했었는데, 보기 힘들어서 그냥 따로 정리하기로 했다! 2021.06.25 - [Frontend/Webpack] - [Webpack] 이미 올라가있는 웹팩 설정을 뜯어보자. [Webpack] 이미 올라가있는 웹팩 설정을 뜯어보자. 지금 유지보수하고 있는 모니터링 시스템은 운영중인 사이트와 다르게 vue.js (+webpack) 설정으로 구성되어 있다. 다른 사람이 설정해놓은 웹팩을 가져다 쓰기 보다는 이해하고 사용하고 싶어서, vvh-avv.tistory.com 공식홈페이지를 많이 참고해서 정리하였으나, 지나가시는 분 중 제 설명에 틀린 점이 있다면 편하게 지적 부탁드립니다 :) context 복잡한 상대경로를 쉽게 사용하.. 2021. 6. 25.
[Node.js] 실행 파라미터 넘기기 (passing parameter) package.json 파일로 정의한 실행 명령어에서 내가 원하는 파일에게 내가 원하는 파라미터를 넘기고 싶으면 아래처럼 사용하면 된다. // package.json { "scripts" { "my-command": "node myFile.js one two three" } }} // myFile.js const args = process.argv.slice(2); console.log(args[0]); // one console.log(args[1]); // two console.log(args[2]); // three 핵심은 process.argv.slice(2) 이고 반환타입은 array 라는 점 :) 2021. 6. 25.
[Webpack] 누군가 해둔 웹팩 설정을 뜯어보자. 지금 유지보수하고 있는 모니터링 시스템은 운영중인 사이트와 다르게 vue.js (+webpack) 설정으로 구성되어 있다. 다른 사람이 설정해놓은 웹팩을 가져다 쓰기 보다는 이해하고 사용하고 싶어서, 하나씩 분석해보기로 했다. (참고: webpack 은 3.x 버전이다) 우선, 각 환경별로 설정되어 있는 webpack config 에서 공통으로 사용하는 webpack.base.conf.js 'use strict'; const webpack = require('webpack'); const path = require('path'); const utils = require('./utils'); const config = require('../config'); const vueLoaderConfig = req.. 2021. 6. 25.
[Vue.js] Uncaught ReferenceError: process is not defined Uncaught ReferenceError: process is not defined Vue 로 띄운 프로젝트에서 각 환경마다 달리한 변수를 꺼내서 쓰고 싶어서 콘솔에 `console.log(process.env)` 명령어로 변수 값을 확인해보고 싶었으나 돌아오는건 위 에러메시지 뿐.. 찾아보니 콘솔에서는 환경 변수에 접근할 수 없다고 한다 하하 😅 코드 내에서 특정 액션이 일어났을 때 콘솔 찍히도록 하니까 잘 나옴! 2021. 6. 24.
[Mybatis] NumberFormatException: For input string "Y" error may exist in file [/Users/ha/.../MyMapper.xml] ### The error may involve kr.co....MyMapper.insertUserInfo ### The error occurred while executing an update ### Cause: java.lang.NumberFormatException: For input string: "Y" Mybatis 를 처음 써보는 것도 아닌데 NFE 라니..? 하면서 확인해보니까 아래처럼(=홀따옴표 비교) 사용하면 Mybatis 는 char 문자열로 판단하여 string 문자열과의 타입체크를 하기 때문에 NFE 가 발생한다고 한다. -- error syntax (') INSERT.. #{userInfo.. 2021. 6. 21.