[docker] docker mariadb 설치
·
docker
Docker hub에서 Mariadb 이미지를 다운로드 받자 공식 홈페이지에서 도커를 다운로드하여서 설치하셨다면, 이제는 본격적으로 Mariadb를 설치하기 위해 Mariadb 이미지를 다운받아 보겠습니다. 사용자 환경에 따라 화면이 조금은 다를 수 있지만 도커는 CLI를 기반으로 동작하기 때문에 명령어를 입력할 수 있는 창을 이용해 진행과정을 살펴보도록 하겠습니다. sudo yum -y update sudo yum install yum-utils device-mapper-persistent-data lvm2 sudo yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo sudo yum install do..
[express] 로컬에서 express 생성 시 액세스 거부 오류
·
Express, Vue
============================================================================ Set-ExecutionPolicy : 레지스트리 키 'HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\PowerShell\1\ShellIds\Microsoft.PowerShell'에 대한 액세스가 거부되었습니다. 기본(LocalMachine) Scope에 대한 실행 정책을 변경하려면 "관리자 권한으로 실행" 옵션으로 Windows PowerShell을 시작하십시오. 현재 사용자에 대한 실행 정책 을 변경하려면 "Set-ExecutionPolicy -Scope CurrentUser"를 실행하십시오. 위치 줄:1 문자:1 + Set-ExecutionP..
[vue] express, vue3 설치
·
Express, Vue
1. NODE 기반으로 되어 있는 프로젝트이기에 NODE를 설치한다.(v16, v17) $ npm install -g @vue/cli 2. 위 명령어로 vue를 내려받는다. $ vue -v 위 명령어로 vue 버전을 확인할 수 있다. 3. $ npm install express-generator -g 위 명령어로 express를 내려받는다.
[vue] vue cli 프로젝트 설정
·
Express, Vue
아래 코드는 터미널에서 프로젝트 init시 보여지는 절차를 그대로 표시한 내용이다. VUE 프로젝트 생성시 참고한다. > manually select features [*]Choose Vue version [*]Babel // js 최신 문법을 폴리필 해줘 구형 브라우저 동작하게 해주는 컴파일러 []TypeScript // 정적타입 언어 []Progressive Web App (PWA) Support [*]Router [*]Vuex // 상태 관리 라이브러리 [*]CSS Pre-processors // scss, less등 전처리 필요한 css 사용시 선택 [*]Linter / Formatter // ESLint, prettier등 사용시 선택 [*]Unit Testing // 단위테스도구 사용시 선택 ..
[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..