고고마코드

1. 개발환경 2. 오류 @ng-bootstrap/ng-bootstrap+설치 $ ng add @ng-bootstrap/ng-bootstrap 설치 시도 시 아래와 같은 오류 발생 오류 내용 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: client@0.0.0 npm ERR! Found: @angular/common@14.0.6 npm ERR! node_modules/@angular/common npm ERR! @angular/common@"^14.0.0" from the root project npm ERR! npm ERR! Could not resolv..

1. Angular.js 프로젝트 생성 @angular-cli 패키지 설치 $ npm i -g @angular/cli angular-cli 설치가 되어 있는 분은 다음으로 넘어가시면 됩니다. Angular.js 프로젝트 생성 $ ng new client Angular 프로젝트를 생성하고자 하는 경로에서 명령어 실행하세요. 서비스 실행 및 확인 $ ng serve --watch 또는 $ pm2 start "ng serve" --name "client" --watch pm2를 사용하시려면 pm2 패키지 설치가 되어 있어야 합니다. pm2 설치는 npm install -g pm2 로 설치하면 됩니다. 윈도우 환경에서는 pm2 start "ng serve" 를 다른 방법으로 실행해야 합니다. 계속 수정하면서 결..

1. 기본 시작 소스 안내 기본 소스는 branch::ex-auth 에서 시작하며, 완성된 소스는 branch::ex-auth-mysql 입니다. https://github.com/gogoma-code/node-express-auth.git node와 express-session을 활용하는 기본(branch::ex-auth가 만들어지는 과정)은 아래 글을 참고해 주세요. Node.js + express-session :: 프로젝트 생성부터 로그인 구현하기 2. MySQL 예제 테이블 생성 기본적으로 MySQL은 설치가 되어 있다는 가정 하에 진행합니다. SQL 예제 테이블 생성문 /* 만약 test 데이터베이스가 이미 있다면 다른 이름을 사용하세요. */ CREATE DATABASE `test`; USE..

Window 10 환경에서 node.js를 사용했습니다. npm init 부터 로그인 UI까지 만드는 과정을 기록합니다. 편의상 node로 프론트화면까지 구성합니다. 기본적으로 node는 설치가 되어 있다고 생각하고 진행합니다. 1. express-generator로 프로젝트 생성 원하는 경로에 새로운 디렉터리를 만들어요. 저는 node-express-auth 라는 이름으로 디렉터리를 하나 만들었요. 이제 경로 내에 들어가 express-generator로 node 기본 구조를 만들 거예요. express로 프로젝트 생성 $ express ex-auth -e --git 의존 패키지 설치 $ cd ex-auth $ npm install $ npm install bootstrap --save $ npm in..

1. express-generator란? 이제는 거의 정형화 되어 있는 프로젝트의 구성을 자동으로 생성해주고, 이 구성을 잡아줄 때 필요한 패키지를 package.json을 통해 제공하기 때문에 빠르게 노드 프로젝트 구성을 할 수 있습니다. 2. express-generator 전역에 설치하기 window라면 powershell을, linux 환경이면 터미널을 열어주세요. $ npm i -g express-generator expree-generator 패키지를 전역에 설치합니다. 전역에 설치하는 이유는 보통 단일 프로젝트에만 쓰는 게 아니라 각종 프로젝트를 만들 때 사용하기 때문입니다. 3. express로 프로젝트 생성하기 $ cd C:\expert\node-express-generator 우선 프로..

node 버전을 downgrade 하여 사용해야 하는 경우가 생겼습니다. Window 환경에서 node.js 의 버전을 변경하는 방법을 기록합니다. 1. 현재 버전 확인 node가 설치되어 있지 않다면 바로 2번으로 넘어가세요. $ node -v v16.15.02. nvm 설치 nvm은 node version manager로 뜻 그대로 노드의 버전을 관리해주는 도구입니다. nvm 설치가 되어 있는 분은 패스해도 됩니다. 설치가 되어 있지 않으면 설치를 진행하세요. Releases · coreybutler/nvm-windows (github.com) 링크에 접속하셔서 하단의 Assets 에서 nvm-setup.zip 을 다운로드 합니다. 압축파일이 다운로드 될텐데 압축 해제 후 nvm-setup.exe 파..

Babel 이란? 자바스크립트는 실행 환경에 따라 최신 문법을 사용할 수도 있고, 사용하지 못할 수도 있습니다. 이러한 실행 환경에 맞춰서 항상 최신 문법의 자바스크립트로 코딩이 가능하도록 도와주는 도구입니다. Babel 을 사용하는 이유 예제 코드 let a = 1; let b = 2; const sum = (x, y) => x + y; console.log(sum(a, b)) // 3 흔히 람다라고 불리는 화살표함수(=>)는 ES6 부터 사용할 수 있습니다. 일반적으로 IE 에서는 ES5 까지만 지원하기 때문에 해당 코드를 사용하면 오류가 발생합니다. 이를 해결하기 위해서는 ES6 코드로 작성한 부분을 실행환경에 맞게 변경할 수 있어야 합니다. 이를 도와주는 도구가 'Babel' 입니다..

이 예제에는 두 가지 패키지를 사용하고 있습니다. (cookie는 없어도 됩니다) express: 4.18.1 cookie: 0.5.0 기본 예제 틀 만들기 const express = require('express'); const app = express(); app.use(express.urlencoded({ extended: false })); app.get('/', (req, res) => { let html = ` `; res.send(html); }); app.post('/cookie', (req, res) => { res.send('cookie test!'); }); app.listen(3000, () => { console.log(&..

Node.js 에서 Express generator 로 프로젝트 기본 구조를 생성했을 경우 일반적으로 사용하는 PM2 사용법으로 서버가 실행되지 않을 수 있습니다. 저 역시 일반적으로 쓰던 것처럼 "PM2 start app.js" 를 했지만 실행이 되지 않았고, 해당 오류를 수정하는 과정을 기록합니다. 오류 & 오류 원인 > PM2 start app.js Express generator 로 프로젝트 기본 구조를 생성하면 app.js 로 서버를 실행하게 되면 list 화면에는 [status=online] 이지만 도메인을 입력하면 오류가 발생합니다. 이유는 생성된 구조를 보면 /bin/www 가 있을텐데, 실제로는 이곳에서 포트번호 및 서버를 세팅하는 역할을 합니다. 즉, 우리가 기존에 하던 서버 세팅의 역..

PM2 를 활용하여 Node.js 서비스하기 추가 설명 없이 간단하게 정리한 것이므로 자세한 설명을 원한다면 가장 하단의 References 의 블로그를 참조하시기 바랍니다. PM2 설치하기 Node.js 가 설치되어 있다는 가정 하에 진행합니다. Node.js 의 패키지 매니저인 npm으로 PM2 를 설치합니다. > npm install pm2@latest -g https://pm2.keymetrics.io/ 예시 애플리케이션 파일 준비 var http = require('http'); var url = require('url'); var app = http.createServer(function(request,response){ var _url = request.url; ..