티스토리

혅코딩 다이어리

검색하기

블로그 홈

혅코딩 다이어리

hyunjoo96.tistory.com/m

hyun_jo_o 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

쿠키와 세션 구현하기 쿠키 설정하기 const http = require('http'); const parseCookies = (cookie = '') => cookie .split(';') .map(v => v.split('=')) .reduce((acc, [k, v]) => { acc[k.trim()] = decodeURIComponent(v); return acc; }, {}); const server = http.createServer((req, res) => { //req.headers.cookie const cookies = parseCookies(req.headers.cookie); console.log(req.url, cookies); res.writeHead(200, { 'Set-Cookie': 'mycook.. 공감수 0 댓글수 0 2019. 8. 9.
http 모듈 node는 서버가 아니고 런타임이다. http모듈이 서버 역할을 한다. const http = require('http'); // http모듈이 서버 역할을 한다. // node는 서버가 아니고 런타임 //이벤트 명은 써줄 필요가 없다. http.createServer((req, res) => { console.log('서버 실행'); res.write('Hello Node!'); res.write('Hello JS!'); res.write('Hello JS!'); res.end('Hello Server!'); }).listen(8080, () => { console.log('8080번 포트에서 서버 대기중입니다.'); }); //http 기본포트(80) //https (443) //기본 포트는 생략가능.. 공감수 0 댓글수 0 2019. 8. 8.
예외처리 노드는 싱글쓰레드이기 때문에 하나가 죽으면 전체 서버가 죽기 때문에 예외처리가 필수이다. setInterval(()=> { console.log('시작'); throw new Error('서버를 고장내주마'); },1000); setInterval로 1초마다 콜백이 실행되게 해주는데 error가 발생하니까 바로 서버가 죽어버렸다. try/catch문을 활용 setInterval(()=> { console.log('시작'); try { throw new Error('서버를 고장내주마'); } catch (error) { console.error(error); } },1000); 서버가 죽지않고 계속 1초마다 실행된다. 하지만 에러가 나면 내보내는게 아니고 처리를 해야하기 때문에 try/catch를 권장하지.. 공감수 0 댓글수 0 2019. 8. 8.
events모듈 미리 이벤트리스너를 만들어두고, (이벤트 리스너를 특정 이벤트가 발생했을 때 어떤 동작을 할지 정의하는 부분) 예시) 사람들이 서버에 방문(이벤트)하면 HTML 파일을 준다. const EventEmitter = require('events'); const myEvent = new EventEmitter(); myEvent.addListener('방문', () => { console.log('방문해주셔서 감사합니다.'); }); myEvent.on('종료', () => { console.log('안녕히가세요.'); }); myEvent.on('종료', () => { console.log('제발 좀 가세요'); }); // on과 addEventListener는 같은 기능을 하는 별명이다. myEvent... 공감수 0 댓글수 0 2019. 8. 8.
util 모듈 && fs 모듈 util 모듈 util.deprecate는 지원이 조만간 중단될 메서드임을 알려줄 때 사용한다. const util = require('util'); const crypto = require('crypto'); //deprecated는 지원이 조만간 중단될 메서드임을 알려줄 때 사용 const dontuseme = util.deprecate((x,y)=>{ console.log(x+y); }); dontuseme(1, 2); 함수를 사용하면 콘솔에 값은 나오지만 경고도 함께 출력 된다. util.promisify로 promise를 지원하지 않는 (err, data) => {} 꼴의 콜백 또한 프로미스로 만들 수 있다. const randomBytesPromise = util.promisify(crypto.. 공감수 0 댓글수 0 2019. 8. 7.
path모듈 && url모듈 && crypto모듈 path 모듈 path.sep windows(\\) path.delimiter //환경변수 구분자 windows(;) const path = require('path'); console.log(path.dirname(__filename)); //경로 //C:\Users\hjoo_\Documents\nodejs-start\lecture console.log(path.extname(__filename)); //확장자 //.js console.log(path.basename(__filename)); //파일명 //path.js console.log(path.parse(__filename)); //분해를 해준다 // { root: 'C:\\', // dir: 'C:\\Users\\hjoo_\\Documents\.. 공감수 0 댓글수 0 2019. 8. 7.
데이터베이스 데이터 베이스 SQL - 테이블 형식의 데이터베이스 - MySQL, PostgreSQL, Aurora, Sqlite NoSQL - 테이블 형식이 아니라 도큐먼트 형식의 데이터베이스 (json 형식) - 데이터베이스의 형식을 쉽게 변경할 수 있다. - MongoDB, DynamoDB In Momory DB - 메모리 안에 데이터 베이스를 저장해 놓는 형식 (서비스의 성능 향상을 위해 사용함) - Redis, Memcashed SQL 쿼리 기초 insert users ('name') values ('alice'); select * from users; update users set name = 'bek' where id = 1; delete from users where id = 1; ORM 데이터베이스를 .. 공감수 0 댓글수 0 2019. 6. 4.
사용자 수정 API 성공, 실패시 PUT /users/:id 성공 변경된 name을 응답한다 실패 정수가 아닌 id일 경우 400 응답 name이 없을 경우 400 응답 없는 유저일 경우 404 응답 이름이 중복일 경우 409 응답 index.spec.js 코드 추가 describe('PUT /users/:id', ()=> { describe('성공시', ()=> { it('변경된 name을 응답한다', (done)=> { // 비동기면 done을 써줘야함 const name = 'chally'; request(app) .put('/users/3') .send({name}) .end((err, res)=> { res.body.should.have.property('name', name); done(); }); }); }); describ.. 공감수 0 댓글수 0 2019. 6. 3.
사용자 추가 API 성공, 실패시 POST/users 성공 201 상태코드를 반환한다 생성된 유저 객체를 반환한다 입력한 name을 반환한다 실패 name파라미터 누락 시 400을 반환한다 name이 중복일 경우 409를 반환한다 req.body를 사용하려면, bodyParser를 사용해야한다. bodyParser 설치 : npm i body-parser --save index.spec.js 코드 추가 describe('POST /users', ()=> { describe('성공시', ()=> { let body; let name = 'daniel' before(done=>{ request(app) .post('/users') // 데이터를 body로 보내줌 .send({name}) .expect(201) .end((err, res) =.. 공감수 0 댓글수 0 2019. 6. 3.
사용자 삭제 API 성공, 실패시 성공 204를 응답한다 실패 id가 숫자가 아닐경우 400으로 응답한다 index.spec.js에 추가 describe('DELETE /users/1는', ()=> { describe('성공시', ()=> { it('204를 응답한다', (done)=> { //비동기에 대한 처리 request(app) .delete('/users/1') .expect(204) .end(done); }); }); describe('실패시', ()=> { it('id가 숫자가 아닐 경우 400으로 응답한다', (done)=> { //비동기에 대한 처리 request(app) .delete('/users/one') .expect(400) .end(done); }); }); }); index.js 에 추가 app.delete(.. 공감수 0 댓글수 0 2019. 6. 3.
사용자 조회 API 성공, 실패시 성공 id가 1인 유저 객체를 반환한다. 실패 id가 숫자가 아닐 경우 400으로 응답한다 id로 유저를 찾을 수 없을 경우 404로 응답한다 index.spec.js 코드 추가 describe('GET /users/1는', ()=> { describe('성공시', ()=> { it('id가 1인 유저 객체를 반환한다', (done)=> { //비동기에 대한 처리 request(app) .get('/users/1') .end((err, res)=> { res.body.should.have.property('id', 1); // id가 1인지 검증하는 코드 done(); }); }); }); describe('실패시', ()=> { it('id가 숫자가 아닐 경우 400으로 응답한다', (done)=> {.. 공감수 0 댓글수 0 2019. 6. 3.
첫 API 테스트 만들기 성공 유저 객체를 담은 배열로 응답한다 최대 limit 갯수만큼 응답한다 실패 limit이 숫자형이 아니면 400을 응답한다 offset이 숫자형이 아니면 400을 응답한다 const request = require('supertest'); const should = require('should'); const app = require('./index'); describe('GET /users는', ()=> { describe('성공시', ()=> { it('유저 객체를 담은 배열로 응답한다.', (done)=> { //비동기에 대한 처리 request(app) .get('/users') .end((err, res)=> { res.body.should.be.instanceOf(Array); // res의.. 공감수 0 댓글수 0 2019. 6. 3.
테스트 주도 개발 (TDD) 모카(mocha) 모카(mocha)는 테스트 코드를 돌려주는 테스트 러너이다. 노드가 바로 테스트 코드를 실행 시킬 수 없다. 테스트 수트 : 테스트 환경으로 모카에서는 describe()으로 구현한다. 테스트 케이스 : 실제 테스트를 말하며 모카에서는 it()으로 구현한다. mocha 설치 : npm i -g mocha utils.spec.js 코드 (테스트 코드,,,,요구사항) //spec이 들어가면 test코드이다. 요구사항 const utils = require('./utils'); const should = require('should'); // const assert = require('assert'); describe('utils.js모듈의 capitalize() 함수는', ()=> { it.. 공감수 0 댓글수 0 2019. 6. 3.
익스프레스(ExpressJS) 기초 익스프레스JS 익스프레스는 노드JS에서 대표적인 웹 프레임워크입니다. 어플리케이션 미들웨어 라우팅 요청객체 응답객체 cmd창에 설치 : npm install express 어플리케이션이란? 익스프레스 인스턴스를 어플리케이션이라 한다. 서버에 필요한 기능인 미들웨어를 어플리케이션에 추가한다. 라우팅 설정을 할 수 있다. 서버를 요청 대기 상태로 만들 수 있다. const express = require('express'); const app = express(); app.listen(3000, function() { console.log('Server is running); }) 미들웨어란? 미들웨어는 함수들의 연속이다. 404, 500 에러 미들웨어를 만들어보자 미들웨어를 추가할 때는 use()함수를 사.. 공감수 0 댓글수 0 2019. 6. 3.
[웹프로그래밍 기초] Spring에서 MyBatis사용하기 Spring에서 MyBatis 동작 원리 Spring에서 MyBatis 진행과정 Spring과 MyBatis 연동 참고 : https://marshmello.tistory.com/8 공감수 0 댓글수 0 2019. 5. 27.
[웹프로그래밍 기초] Spring MVC와 Front Controller 진행과정 MVC에는 Page Controller와 Front Controller가 있다. 웹은 Front Controller를 더 선호한다. Page Controller란? Page Controller는 Servlet을 계속 만들어서 요청마다 다른 Controller를 거쳐간다. 아래의 동작이 반복된다. Front Controller란? 웹 어플리케이션(Web application)과 관련된 패턴(Pattern)이다. 모든 리소스(Resource) 요청을 처리해주는 하나의 컨트롤러(Controller)를 두는 패턴이다. MVC(Model-View-Controller) Pattern과 함께 사용하는 패턴이다. 아래의 그림처럼 하나의 Servlet으로 IoC Container을 동작시킨다. MVC Front Cont.. 공감수 0 댓글수 0 2019. 5. 27.
[웹프로그래밍 기초] EL / JSTL 이란? EL (Expression Language) = 표현 언어 표현 언어란? 표현 언어(Expression Language)는 값을 표현하는 데 사용되는 스크립트 언어로서 JSP의 기본 문법을 보완하는 역할을 한다. 사용 방법 JSP에서의 값 표기법이며, i는 변수입니다. ${ i } EL에서의 값 표기법이며, i는 이름입니다. JSTL (JSP Standard Tag Library) JSTL이란? JSTL(JSP Standard Tag Library)은 JSP 페이지에서 조건문 처리, 반복문 처리 등을 html tag형태로 작성할 수 있게 도와줍니다. JSTL을 사용하려면? http://tomcat.apache.org/download-taglibs.cgi 위의 사이트에서 3가지 jar파일을 다운로드 한 후.. 공감수 0 댓글수 0 2019. 5. 27.
[웹프로그래밍 기초] 웹의 동작 방식(Servlet/JSP) 웹에서 요청이 처리되는 방식 브라우저에서 WEB으로 요청이 오면, Servlet을 거쳐서 Service, Dao로 진행된다. Dao에서 JDBC를 통해 데이터베이스에서 데이터를 가져와서 요청을 처리 할 수 있도록한다. 아래의 그림은 forward로 동작하는 방식이다. 브라우저에서 요청이 오면 Servlet -> Service -> Dao -> DB -> Dao -> Service -> Servlet -> JSP 를 통해 브라우저에서 보여지게 된다. 공감수 0 댓글수 0 2019. 5. 27.
[웹프로그래밍 기초] Forward 와 Redirect WAS의 서블릿이나 JSP가 요청을 받은 후 그 요청을 처리하다가, 다른 페이지로 이동하는 두가지 방식의 페이지 전환 기능에 Forward와 Redirect가 있다. 1. Forward 동작 방식 요청을 받은 후, 다른 페이지로 바로 위임하는 방식을 forward방식이라고 한다. 아래의 그림에서 초록색 동작 방식이 forward방식이다. request를 받고 A에서 바로 B로 위임하고 response 해준다. ex) A에게 문의 전화를 했을 때 내선으로 다른 직원B의 전화로 돌려서 답변하는 것 2. Redirect 동작 방식 서버가 클라이언트에게 어떤 URL로 이동하라는 요청을 보내는 것을 리다이렉트라고 한다. 아래의 그림에서 노란색 동작 방식이 redirect방식이다. request를 받고 A에서 다시.. 공감수 0 댓글수 0 2019. 5. 27.
[FullCalendar] 이미 출석 체크가 되었다는 표시하기 목표 : 이미 출석 체크가 된 날짜에 이미 출석되었다는 표시를 해주어야한다. 1. 날짜를 처음 클릭했을 때 체크되었는지 알려주는 boolean변수도 함께 넣어준다. (default값은 false) 2. 출석 날짜들 중 같은 날짜가 있으면 "이미 출석되었습니다"라는 메세지를 보이게 해줌. 3. 그렇지 않으면 "출석되었습니다"는 메세지와 함께 출석 날짜를 모아놓은 데이터 리스트에 출석날짜를 넣어줌. 처음엔 저장된 출석 날짜에 클릭한 날짜가 존재하지 않으면 출석되었다는 메세지와 함께 날짜를 저장해주려고 했다. 반복문을 돌리면서 비교해주려 했는데 자꾸 새로운 데이터만 추가 되었다. for문으로는 비교를 해주지 못했다. var todayDate = this.$moment().format("YYYY-MM-DD") .. 공감수 0 댓글수 0 2019. 5. 22.
[FullCalendar] interaction설치해서 dateClick handler사용하기 목표 : 날짜를 클릭하면 해당 날짜가 화면에 alert되도록 한다. FullCalendar에서 날짜를 클릭하면 발생하는 events를 dateClick handler라고 한다. 위에 코드처럼 @dateClick="handleDateClick"을 추가해주면, 날짜를 클릭했을 때 handleDateClick 메서드가 실행될 것이다. handleDateClick 메서드는 클릭된 날짜를 alert해주는 메서드로 만들어 주었다. methods: { handleDateClick(arg) { alert(arg.date) } } 하지만, 아무리 클릭해도 날짜가 alert되지 않았다. FullCalendar의 dateClick함수를 찾아보고 문서를 찾아보다가 interaction을 추가 해주어야된다는 것을 알았다. np.. 공감수 0 댓글수 0 2019. 5. 21.
[FullCalendar] Vue로 FullCalendar 띄우기 목표 : Vue로 FullCalendar 띄워주기 FullCalendar을 사용할 수 있도록 package를 설치해준다. npm install --save @fullcalendar/vue @fullcalendar/core @fullcalendar/daygrid 아래의 코드 처럼 script에서 css도 import해주면 화면에 FullCalendar가 나타날 것이다. 보여지는 화면 참고 : https://fullcalendar.io/docs/vue 공감수 1 댓글수 0 2019. 5. 21.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.