[vue] Vue eslint 규칙 설정
·
Express, Vue
Vue3 프로젝트를 생성하고 실행시키는 중 아래와 같은 에러를 발견하였다. You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. ERROR Error: Build failed with errors. 작업을 하다보면 Vue 규칙을 지키기 어렵다. npm install --save-dev eslint eslint-plugin-vue@next 위 명령어를 입력하여 eslint-plugin을 받은 뒤 프로젝트 내에 .eslintignore 파일과 .eslintrc..
[Flutter] Flutter 개발 환경 세팅
·
Flutter
1. VSCODE 설치 (비주얼 스튜디오 설치) https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 2. 설치된 VSCODE에 MaketPlace를 이용하여 추가로 필요한 확장 플러그인을 설치한다. ..
[Java/자바] java.lang.Integer cannot be cast to java.lang.String 해결 방법
·
JAVA/Exception
java.lang.Integer cannot be cast to java.lang.String 위의 오류 발생 원인은 mybatis에서 resultType이 HashMap 일 때, String value = (String) map.get("value"); 위와 같이 Number(Int) 타입을 곧바로 String 캐스팅하려고 할때 발생한다. 해결 방법은 아래와 같이 캐스팅 변환이 아닌 String 클래스의 valueOf(Object) 를 사용하여 처리한다. String value = String.valueOf( map.get("value"));
Eclipse(이클립스) FTP, SHELL 적용
·
Development Tools/Eclipse
우선, 사용하기에 앞서, 아래와 같이, 이클립스에서 Help - Install New Software 를 클릭한다. Install 창에서 Wrok with 입력칸에 http://download.eclipse.org/releases/europa 을 기입하게 되면, 아래 이미지와 같이 LIST들이 자동 조회됩니다. 자동 조회 LIST 들 중, C and C++ Developerment Remote Access and Device Development 두가지를 체크한 뒤, 넘어간다. Installed 된 LIST들이 조회되고, 아래와 같이 DETAIL 하게 보여준다. Review Licenses 를 보여주는 창인데, RADIO BOX에서 I access the terms of the license agreem..
[GitLab] GitLab(깃랩) 설치 히스토리 및 GitLab CE 파일사이즈 수정 방법
·
공유 소스 관리/Git
깃랩 설치 히스토리입니다. sudo apt-get install gitlab-ce sudo gitlab-ctl upgrade sudo vi /etc/gitlab/gitlab.rb sudo gitlab-ctl reconfigure sudo vi /etc/gitlab/gitlab.rb sudo gitlab-ctl reconfigure sudo gitlab-ctl restart sudo gitlab-ctl status 깃랩 설치하실 때 참고 하시면 도움되실 거예요 아래는 GitLab CE 파일사이즈 수정 방법입니다. 위의 이미지는 상단 공구모양을 클릭하면 Admin Area가 화면에 출력되는데 Setting - Account and limit settings - Maximum attachment size(MB..
JQuery Draggable(창 위치 이동)
·
JS/JQuery
해당 영역에 대한 창 이동 관련한 스크립트에 대해 알아봅시다. 새 창 아래 예제를 한번 해봅시다 저를 이동시켜보세요.
[node] Node Log process(로그 처리) [winston]
·
JS/NODE.JS
노드에서 로그 처리를 하기 위해 'winston' 이라는 외장 모듈을 사용할 것입니다. 해당 모듈을 사용하기 위해서는 우선 아래와 같은 명령어를 입력하여 줍니다. npm install --save winston 단계별로 로그를 찍어낼 수 있습니다. logger.debug('디버그 로깅'); logger.info('인포 로깅'); logger.error('에러 로깅'); 날짜별로 파일을 관리하기 위해서는 아래와 같은 명령어를 입력하여 줍니다. npm install --save winston-daily-rotate-file 아래는 라우터에서 설정할 소스입니다. var winston = require('winston'); var winstonDaily = require('winston-daily-rotate-..
[node] Node Cookie, Session
·
JS/NODE.JS
우선 쿠키와 세션의 개념에 대해서 설명하겠습니다. 쿠키는 클라이언트에 저장되어서 보내는 역할을 하고, 세션은 서버에 저장되어서 클라이언트에게 알려주어서 사용합니다. 쿠키는 서버의 자원을 사용하지 않고, 클라이언트 단에서 저장해서 사용합니다. 세션은 서버에 저장되어 고유 ID를 가지고 서버의 자원으로 사용합니다. 쿠키는 클라이언트에 저장되어 서버 요청시 빠르지만, 세션은 서버에 정보가 있기때문, 처리가 필요하여 쿠키보다는 느립니다. 노드에서 쿠키를 사용하기 위하여 아래와 같은 명령으로 설치합니다. ▼ npm install cookie-parser --save 아래와 같이 설정 후, var cookieParser = require('cookie-parser'); var expressSession = requ..
Node Error Handler(노드 에러 처리)
·
JS/NODE.JS
우선 설정하기 전, ERROR-HANDLER 라이브러리인 express-error-handler를 사용할 것입니다. express-error-handler 모듈은 외장 모듈이므로 아래와 같은 명령어를 입력하여 설치하여야 합니다. npm install express-error-handler --save 아래와 같이 index.js 파일에 소스를 입력합니다. var expressErrorHandler = require('express-error-handler'); var errorHandler = expressErrorHandler({ static: { '404': './error.html' } }); app.use(expressErrorHandler.httpError(404)); app.use(errorH..
[노원스터디카페]저렴한 24시 스터디카페 비에이블스터디카페 ?!
·
일상생활/모든정보
안녕하세요 오늘은 노원구 공릉동에 위치한 비에이블스터디카페에 대해 소개해드릴까 합니다. 우선 입구에 들어서자마자 깔끔하게되어있는데요? 입구 안에 들어서게되면 좌석배정시스템을 볼 수 있습니다. 아래 기기에서 좌석배정을 받을 수 있습니다. 365일 24시간 연중무휴 명절에도 언제나 열려있다고 합니다. 아래와 같이 좌석현황도 볼 수 있고.. 1인석, 2인석, 10인석 등 다양하게 좌석이 있습니다. 자유석은 63석, 스터디룸:2인실 1개, 4인실 1개 등등..이 있습니다. 무인매장이기에 기본매너는 필수겠죠?.. ㅎㅎ 자유석에서는 대화할 수 없고, 외부음식은 반입 금지라고 합니다. 아래 사진과 같이 키오스크로 카드를 발급받고, 결제를 해야 출입이 가능합니다. 이용시간이 지나면 퇴실이 불가하니. 이용시간안에 시간 ..
[VI] vim 에디터 환경 설정하기
·
Server/Linux
.vimrc 편집을 통하여 vi 에디터의 설정을 변경할 수 있습니다. .vimrc파일은 vi 에디터의 설정을 바꿀 수 있는 파일입니다. 별도의 플러그인을 설치하지 않아도 vi 에디터를 .vimrc 파일을 수정하여 vi 에디터의 설정들을 변경할 수 있습니다. 위의 내용은 행 번호 설정을 추가한 vi 에디터입니다. 이클립스나 비주얼 스튜디오 등 에디터를 쓰다 행번호, 문법강조 등등 없이 보게 됨이 너무 불편한데요. 설정할 수 있는 기능들에 대해 알아볼까요? 우선 .vimrc 파일을 생성해야합니다. .vimrc 에서 "(큰 따옴표)는 주석을 뜻하는 걸 알아두시면 좋을 것 같습니다. ※ 일반 설정 명령어 - VIM에서 기억할 히스토리 라인 수 set history=1000 - 현재 사용하고 있는 파일이 외부에서..
VI 에디터 행번호 보이게 하기(set nu)
·
Server/Linux
리눅스에서 행번호를 보이게 하는 명령어는 last line mode( : )에서 set nu or set number 이고, 해제하는 명령어는 set nonu or set nonumber 이지만 지속되지 않는다. 지속되게 만드는 속성에 대해 알아보겠다. 경로는 ~ 로 가도록 한다. .vimrc 편집을 통하여 vim 에디터 설정을 변경할 수 있다. 에디터를 설정 변경에 대하여 자세하게 알고 싶으면, 아래 주소에서 확인하세요 !! 행 번호 이외의 여러가지 편리한 기능들이 많습니다 ! 필요하고, 편리한 기능들을 사용하여 개발시간을 단축해봅시다 ~ https://blog.mingty.com/357 sudo vi .vimrc 를 입력하여 .vimrc를 생성과 동시에 입력화면으로 간다. 그리고, set nu 위와 ..