Programming

Node.js - Express-generator 사용하여 개발환경 구축하기 Node.js에 입문하고 프로젝트를 개발환경을 구축을 하려고 하는 경우 디렉토리의 구조를 잡기 어려울 것이다. Express-generator는 이런 Express환경을 간단하게 구축해주는 npm이다. 1. npm으로 Express-generator 설치하기 npm install -g express-generator 터미널에 입력하여 실행하기 2. 프로젝트 환경구성하기 명령어를 실행하여 환경구성을 한다. -- view의 확장자를 pug로 설정 # express [프로젝트명] --view=pug -- view의 확장자를 ejs로 설정 # express [프로젝트명] --view=ejs 저는 ejs로 프로젝트를 설정하기 때문에 확장..

Express EJS에 부트스트랩(BootStrap) 적용하는 방법 Express EJS를 View로 활용하면서 부트스트랩을 적용할 수 있을까 찾아봤더니 있다. 오늘은 EJS에 부트스트랩(BootStrap) 적용하는 방법에 대해 기록한다. https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins. getbootstrap.com 1. bootstrap 설치..

Node.js - GET, POST 요청 처리 예제 Node.js의 GET, POST방식의 간단 예제에 대해 기록한다. 1. GET 방식 app.js /* app.js */ const express = require('express'); const app = express(); // node 템플릿 app.set('view engine', 'ejs'); app.set('views', './views'); app.get('/', (req, res)=>{ res.render('index'); }); app.get('/get', (req, res)=>{ res.send("GET"); }); app.listen(3000, ()=>{ console.log('Connected at 3000'); }); index...

Cannot find module 'ejs' 해결 방법 이와 같은 오류는 ejs 템플릿이 정상적으로 설치되지 않았기 때문에 발생하는 오류이다. 해결방안은 2가지이다. 1. ejs 템플릿 설치 Node.js에 입문하여 프로젝트 구성 중 Express 서버에서 View(화면)을 담당하는 파일을 띄우려면 템플릿을 사용해야 하는데. ejs 모듈을 찾지 못하는 오류가 발생하였다. npm install ejs --save 명령어로 ejs를 설치해준다. 꼭 --save를 붙여 명령어를 실행하도록하자. 설치된 node 모듈을 package.json 파일 내의 디펜던시 목록에 추가하게 하는 옵션이다. 2. package.json 디펜던시 추가 1번처럼 ejs 템플릿을 설치하면 자동으로 package.json파일에 디펜던..

Node.js - Visual Studio Code로 개발 환경 구축 새로운 개인 프로젝트를 Node.js를 사용하여 환경구축 하기 위해 Visual Studio Code로 개발환경 구축 방법을 기록한다. 목차 Node.js 설치 및 환경변수 등록 Visual Studio Code 설치 및 Node.js 환경구축 Node.js Express 서버 구축 Node.js Express서버에 Nodemon 라이브러리 사용하기 1. Node.js 설치 및 환경변수 등록 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 링크에서 LTS버전을 다운받는다. 1)..

Java의 자료구조 - Map의 개념, 활용, 예제 정리 1. Map 이란? - Map은 리스트나 배열처럼 순차적으로 요소의 값을 구하는 것이 아닌 key를 통해 value(값)를 얻는다. Map 인터페이스는 Collection 인터페이스와는 다른 저장 방식을 가진다. Map은 키(key)와 값(value)을 하나의 쌍으로 저장하는 방식(ket-value방식)을 사용한다. 2. Map의 특징 1. 저장 순서를 유지하지 않는다. 2. 키는 중복을 허용하지 않는다. (값의 중복은 허용) 3. Map 활용 put // 1 Map map1 = new HashMap(); map1.put("watch", "시계"); map1.put("whale", "고래"); map1.put("blog", "블로그"); // 2 ..

JAVA - List 중복데이터 제거하는 방법 2가지 최근에 코딩테스트 준비를 하다보면 input으로 주어지는 배열이 자주 등장하는데 로직의 효율성을 위해 중복제거해야 할 경우가 간혹 있었기 때문에 List 중복제거에 대해 기록한다. 1. Stream을 활용한 중복제거 - Java 1.8 이상 List reportList = Arrays.asList(new String[]{"a", "b", "c", "d", "a", "c"}) .stream() .distinct() .collect(Collectors.toList()); // 결과 : [a, b, c, d] 2. Set을 활용한 중복제거 List list = Arrays.asList(new String[]{"a", "b", "c", "d", "a", "c..

MVC패턴은 무엇인가, MVC1과 MVC2의 차이점 오늘은 이전부터 기록해두고 싶었던 MVC1과 MVC2에 차이점에 대해 포스팅하려고 한다. 개발자로서 반드시 알아야 할 부분 중에 하나라고 생각하여 정리를 해두고 수시로 익힐 예정이다. 💡 MVC 패턴이란? MVC 패턴은 소프트웨어 공학에서 사용하는 디자인 패턴 중 하나로 Model, View, Controller의 앞 글짜를 따서 MVC 디자인패턴이라고 한다. Model : 어플리케이션의 정보나 데이터, DB등을 말한다. (백그라운드에서 동작하며, 사용자가 원하는 데이터나 정보 제공) View : 사용자에게 보여지는 화면, UI를 말한다. 모델로부터 정보를 받아 표출한다. Controller : 데이터와 비즈니스 로직 사이의 상호 동작을 관리한다. 즉,..