전체보기

개인프로젝트 [1] 개인프로젝트를 마음먹고 시작한지 1일차가 마무리 되었다. 여태 Java환경에 익숙해져있던 터라 다른 언어스택으로 개발을 해보자고 생각했고 Node를 사용해 서버환경을 구성하자라는 생각을 하고 알아보았다. Express를 사용해 개발환경을 구성하고 기본 HTML이 아닌 EJS템플릿을 활용해 View를 구성할 예정이다. 사실 방금말한 문장이 정확이 맞다라는 확신도 없을 정도로 Node환경에 무지해서 차차 공부와 개발을 병행하며 진행해야 할 것 같다. 기본적으로 Node.js에서의 GET, POST방식의 form데이터 전송은 예제를 통해 실습을 진행하였고 UI는 정성을 쏟을 시간이 부족하다 생각해 BootStrap을 EJS에서 활용할 수는 없을까 생각하여 검색하니.. 다나온다.. 가능하고 ..

윈도우 MariaDB 설치 및 접속방법 윈도우에서 MariaDB 설치 및 접속방법을 기록한다. 1. Maria DB 설치하기 1. MariaDB 사이트 접속 https://mariadb.org/ MariaDB Foundation - MariaDB.org … Continue reading "MariaDB Foundation" mariadb.org MariaDB 공식 홈페이지 접속 후 Download 클릭 2. 버전, OS, 시스템 종류, 패키지 타입 설정 22년 10월 4일 기준 10.11.0 Alpha 버전까지 나왔지만 저는 10.9.3버전을 선택했습니다. 3. msi파일 실행 1) 설치진행 Next 2) 라이센스 동의 체크 후 Next 3) 설치경로 설정 후 Next 설치경로를 변경할 수 있지만 기본 ..

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 ..