쟈누이의 기록습관

1. Express 란? 노드에서 가장 인기 있는 웹 프레임 워크이며, node web frameworks 의 기본 라이브러리이다. 아래와 같은 기본 매커니즘을 제공한다 - HTTP 통신 요청(Request; GET, POST, DELETE 등)에 대한 핸들러를 만든다. - 템플릿에 데이터를 넣어 응답(response)을 만들기 위해 view의 렌더링 엔진과 결합(integrate)한다. - 접속을 위한 포트나 응답 렌더링을 위한 템플릿 위치같은 공통 웹 어플리케이션 세팅을 한다. - 핸들링 파이프라인(reqest handling pipeline) 중 필요한 곳에 추가적인 미들웨어 처리 요청을 추가한다. 2. 사용법 - 설치 npm install express - 사용법 모듈을 생성한 후, get, po..

1. body-parser 란? 노드에서 쓰이는 모듈로 클라이언트 POST request data 의 body 로 부터 파라미터를 편리하게 추출한다. 모든 모듈을 컨트롤하는 app.js 에서만 쓰는 것이 아니라 viewer 를 연결하는 router.js 에서도 쓸 수 있다 처음에 app.js 에서만 사용하는 줄 알았지만 viewer 를 연결하는 router.js 에서도 사용해야 body-parser 가 데이터를 제대로 전달 할수 있다. 그렇지 않으면 undifined 가 뜨면서 데이터가 전달되지 않는다. 2. 사용법 - 설치 $ npm install body-parser - API 사용 var bodyParser = require('body-parser') The bodyParser object expo..

요즈음 node.js 를 바탕으로 프로젝트를 진행하면서 node 에 대해서 공부를 하고 있다. 하지만 node 에 대한 이해가 좀 부족한 것 같아서 node 에서 알아야 할 개념을 일부 정리하고자 한다. 이벤트 루프 모델은 여러 스레드를 사용하며, 그중 사용자가 작성한 자바스크립트 코드가 실행되는 스레드를 메인 스레드라 부른다. Node.js 에서는 메인 스레드는 하나이며, 한번에 한 줄씩만 실행된다. Event Loop 는 간단하게 표현하자면 아래 의 그림과 같이 표현할 수 있을 것 같다 여기서 각 박스는 이벤트 루프의 "단계" 를 의미한다 Event Loop 의 특징 각 단계는 실행할 콜백의 FIFO 큐를 가진다 각 단계에 진입 시, 단계의 모든 작업은 수행할때까지 단계의 큐에서 콜백을 실행한다 모든..

1. 에러의 원인 req.flash is not a function 이 나타나는 에러의 원인은 다양한 것 같다. 정확하게 에러의 원인이 이것이다! 하고 단정하기는 어렵지만 서칭을 해보니 2가지의 원인이 있는 것 같다 authenticate 에서 에러가 뜨는 상황 req.flash를 사용헤 flash 메세지를 얻어오려는데 못얻어오는 상황. 나의 경우에는 req.flash 를 사용하지 않았는데 위 에러가 떴기에 좀 찾는데 시간이 오래 걸렸었다. 2. 해결 방법 1) Passport 사용시 Client에서 서버로 요청까지는 보내지는데 authenticate 에서 에러가 뜨는 상황 login 모듈을 사용시에 LocalStrategy 통해 로그인 정보를 받는다 passport.use(new LocalStrateg..

1. 에러 원인 It happen because your password field on database have just a string, not a hashed string. 데이터베이스에 bcrypt 로 저장할때 hash string 이 아닌 일반 string 으로 저장이 되어서 발생하는 에러이다 2. 해결방법 hash 스트링 형태로 변형하여 넣으면 되는데 나의 경우에는 아래와 같이 했다. 1) bycrypt 모듈 설치 npm install bcryptjs 2) gensalt 로 salt 값 생성 후, 그 값을 hash 로 넘겨서 hash string 로 만들어 저장 bcrypt.genSalt(saltRounds, function(err, salt) { bcrypt.hash(myPlaintextPa..

1. 에러 원인 태그에 canvas 를 넣었던 것이 화근이었음 태그의 경우에는 해당 태그 내에 value 가 담길 경우 그 value 들을 저장하여 다음 단계로 전달하는 역할을 한다 2. 해결 방법 태그를 없애는 쪽으로 해결을 했다. button 3. 참고 링크 하기 링크는 destroy( ) 를 써서 해결했다는 것이었다. 다른 해결방법이었지만 해당 방법은 적용하지 않았다 https://stackoverflow.com/questions/40056555/destroy-chart-js-bar-graph-to-redraw-other-graph-in-same-canvas Destroy chart.js bar graph to redraw other graph in same I am using the Chart.j..

1. 에러 원인 This is because require() does not exist in the browser/client-side JavaScript. Now you're going to have to make some choices about your client-side JavaScript script management. Node.js 의 "require" 메서드가 자바 스크립트의 브라우저/클라이언트 사이드 부분에 존재하지 않기때문에 발생한다. 이를 해결하기 위해서는 자바스크립트 부분의 클라이언트 사이드 쪽에 몇가지 방법을 사용하여 "require" 메서드를 인지시켜줘야 한다. 2. 해결 방법 해결방법에는 3가지가 있는것 같다 1. Use the tag. 2. Use a CommonJS im..

1. dotenv 정의 Dotenv is a zero-dependency module that loads environment variables from a .env file into process.env. Storing configuration in the environment separate from code is based on The Twelve-Factor App methodology. 위 패키지는 process.env 를 통해( .env ) 파일로부터 환경변수를 로드하는 제로 디팬던시이다. 코드로부터 환경 분리를 통한 설정 저장은 the twelve-factor app 방법론에 근거하고 있다. ==> 쉽게 정리하자면, 환경변수를 사용하기위해 적용하는 모듈이라고 생각하면 될 것 같다 2. Ins..

1. 원인 아무래도 윈도우에 yarn 이 제대로 설치가 되지 않은 경우에 발생하는 에러인듯 하다.. 2. 해결 방법 1) yarn global 버전으로 npm 설치 npm install --global yarn 2) yarn 버전 체크 yarn --version 3) 2) 번이 실행되지 않을 경우 컴퓨터 재시작 후 cmd 창에 2) 번을 입력하면 실행된다. 3. 참고 링크 https://stackoverflow.com/questions/48997825/git-bash-command-on-windows-yarn-command-not-found Git Bash Command on Windows, yarn command not found I following this online tutorial on down..