Dev
-
[Node] npm 명령어 정리Dev/JavaScript & Express 2019. 9. 27. 17:38
NPM command 명령어를 정리해보자. npm init npm -i || npm install npm -g || npm -global npm -d || npm --save-dev npm update npm root npm ls npm ll npm bugs npm start npm run Build npm config npm version $ npm init 해당 프로젝트에 package.json 을 생성해준다. $ npm -i $ npm install $ npm -i -g $ npm install global $ npm -i -d $ npm install --save-dev 해당 프로젝트 node_modules에 명시된 package를 설치해준다. 뒤에 -g 를 붙이면 global node_modul..
-
[vue + TypeScript + Webpack] Hello World 01Dev/Vue & React 2019. 9. 26. 16:46
Vue + Typescript 빌드 + Webpack 번들링 ! nodeJs가 설치 된 환경에서 진행 해야한다. Spring Framework 기반에 웹 프로젝트와 Vue, React를 혼용해야하는 프로젝트를 진행하면서 작성 중이다. 따라서 다른 프레임웍에선 각자의 방법으로 처리하고 이 글에선 Vue와 React 같은 프론트단 프레임웍을 Webpack으로 번들링해서 화면단에 뿌려보는 것이 목표이다. 1. 프로젝트 생성 및 NPM 설치 mkdir forVueStarter cd forVueStarter npm init npm i -D vue typescript webpack ts-loader css-loader vue-loader vue-template-compiler file-loader style-loa..
-
-
[Springboot] Mybatis를 연동해보자.Dev/Spring Java 2019. 7. 27. 17:03
다른 Freamework를 많이 돌아보고 와도 Spring 만큼 설정이 빡쌘 Framework가 또 없는 것 같다. myBatis 설정은 이 글로 종결 지어보자. 개발 환경 IntelliJ + Spring boot 2.x.x 기준으로 작성되었다 . 1. Maven, Gradle 의존설정하기 필요한 라이브러리는 기본적인 Spring Boot 설정이 되어있다 가정하에 * myBatis-spring-boot-staerter * mariadb-java-client * mysql-connector-java 이렇게 3가지 이다. compile group: 'mysql', name: 'mysql-connector-java', version: '8.0.13' compile group: 'org.mybatis.sprin..
-
[Visual studio Code] 자주쓰는 플러그인Dev/개발환경 2019. 7. 14. 22:37
1.Auto Close Tag 닫는 태그 자동완성 플러그인 2.Auto ReName Tag 여는 태그 or 닫는 태그 수정시 다른태그도 같이 수정됨 3.C# C# extension 4.Degugger for Chrom 브레이크 포인트 걸어두면 크롬이랑 연동됨! (vueCli , NodeJs, DJango, javascrip) 5.ESLint javascript 자동완성 6.git History git Repository History 보여줌 7.IntelliSense for C workspace에 있는 링크된 css중에서 className IdName을 자동완성 시켜줌 8.Jquery Code Snippe 제이쿼리 자동완성 플러그인 9.Jupyter 컨트롤 클릭으로 해당 function , class ,..
-
[Visual Studio] 자주쓰는 설정모음.Dev/개발환경 2019. 7. 14. 22:22
자주쓰는 설정 및 플러그인 정리. eclipse를 기준으로 IntelliJ, eclipse, Visual Code, Visual Studio의 단축키는 통일하려고 한다. 각자 IDE가 개발 언어의 맞춰서 다양한 편의를 제공하기 떄문에 모든 단축키를 통일하는 것은 바람직 하지 않다고 생각한다. 주석, 라인제거와 같은 빈도 높은 단축키만 세팅 되어있다. 이외에는 레이아웃, 폰트, 줄간격, 탭수 정도의 설정 Setting file에 저장되어 있다. IDE Setting Visual Studio 2015, 2017, 2019 설정파일 [github 링크] 설정법 -> ' Tools > Import and Export Settings. ' 자주 쓰는 플러그인 1. Word Highlight With Margin ..
-
[WPF] DI(의존성주입), IoC(제어의역전) for NinjectDev/닷넷 C# 2019. 7. 13. 15:34
WPF Ioc, DI 라이브러리 NInject에 대해서 알아보자. DI, IoC ...더보기 IoC(Inversion of Control)란, 개발자가 직접 생성하고 컨트롤 해야하는 객체를 프레임워크단에서 직접 컨트롤 해주는 패턴이다. 객체를 new()로 직접 생성하거나, 클래스 내부에서 싱글톤으로 생성하여 개발자가 'Class.Instance.GetDatabases();' 이런식으로 사용하던 것을 프레임워크가 직접 컨트롤 해준다는 의미이다. 그렇다면 직접 생성해도 되고 내부적으로 싱글톤을 사용해도 될텐데, 왜 프레임워크 단에서 이런 기술을 지원하는 것 일까? 프로젝트의 규모가 커지면 그 만큼 관리해야할 서비스단도 많이 질것이고, WPF나 모바일 환경에서의 경우 앱의 상태관리에 필요한 싱글톤객체가 우후죽..