일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 게시판
- http://jeonghwan-kim.github.io/dev/2019/06/25/react-ts.html
- 출처 : https://joshua1988.github.io/web-development/javascript/promise-for-beginners/
- toString
- object
- https://velog.io/@velopert/create-typescript-react-component
- 출처 : https://webdir.tistory.com/506
- Today
- Total
목록Javascript (112)
Back Ground
시퀄라이즈로 데이터베이스를 설정한다. sequelizenodejs에서 mysql을 쉽게 다룰 수 있도록 도와주는 라이브러리 이다. sequelize는 ORM(Object-Relational Mapping)로 분류가 된다. ORM 은 간단하게 객체와 관계형 데이터베이스의 관계를 매핑 해주는 도구이다. sequelize를 사용하면 자바스크립트 코드로 mysql을 제어할 수 있기 때문이다. 출처 : https://medium.com/wasd/node-js%EC%97%90%EC%84%9C-mysql-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0-1-b4b69ce7433f models/user.js1234567891011121314151617181920212223242526module.expo..
출처 : http://blog.jeonghwan.net/js/2017/05/15/webpack.html
Event Loop Node.js 에선 Event를 매우 많이 사용하고, 이 때문에 다른 비슷한 기술들보다 훨씬 빠른 속도를 자랑한다. Node.js 기반으로 만들어진 서버가 가동되면,변수들을 initialize하고, 함수를 선언하고 이벤트가 일어날때까지 기다린다. 이벤트 위주 (Event-Driven) 어플리케이션에서는, 이벤트를 대기하는 메인 루프가 있다.그리고 이벤트가 감지되었을 시 Callback함수를 호출한다. 이벤트가 콜백과 비슷해 보일 수 도 있습니다. [차이점]- 콜백함수는 비동기식 함수에서 결과를 반환할때 호출되지만,- 이벤트핸들링은 옵저버 패턴에 의해 작동됩니다. 옵져버 디자인 패턴 중 하나 입니다.정보 : https://ko.wikipedia.org/wiki/%EC%98%B5%EC%8..
Router 객체로 라우팅 분리하기 이전 라우터를 만들 때 요청 메서드와 주소별로 분기 처리를 하느라 코드가 매우 복잡했다. if문으로 분기하여 코딩하여 보기에도 좋지 않고 확장하기도 어렵다.익스프레스를 사용하는 이유 중 하나가 바로 라우팅을 깔끔하게 관리할 수 있다는 점 때문이다. app.js1234567...var indexRouter = require('./routes/index');var userRouter = require('./routes/users');...app.use('/',indexRouter);app.use('/users',usersRouter);...Colored by Color Scriptercs 익스프레스 앱과는 app.use('/',indexRouter)와 app.use('/u..
connect-flash [ 상대적으로 중요도가 떨어지는 미들웨어 ]이다. 하지만 일회성 메시지들을 웹 브라우저에 나타낼때 좋다. 직접 설치해주어야 한다. npm i connect-flash connect-flash 미들웨어는 cookie-parser와 express-session을 사용하므로 이들보다는 뒤로 위치해야 한다. app.js1234567891011121314151617var session = require('express-session');var flash = require('connect-flash');var indexRouter = require('./routes/index');var usersRouter = require('./routes/users');...app.use(cookieP..
express-session 세션 관리용 미들웨어이다.로그인 등의 이유로 세션을 구현할 때 매우 유용하다.express-generator로는 설치되지 않으므로 다음과 같이 직접 설치해야 된다. npm i express-session 설치 후 app.js에 express-session을 연결한다. app.js123456789101112131415161718...var logger = require('morgan');var session = require('express-session');var indexRouter = require('./routes/index');var usersRouter = require('./routes/users');... app.use(cookieParser('secret cod..
static 정적인 파일들을 제공한다. 익스프레스 4버전에서 유일하게 익스프레스에 내장되어 있던 미들웨어였다. 정적파일프로그래밍적으로 만들어진 파일이 동적 파일이고사람이 작성한 것이 언제나 똑같이 보이는 것이 정적 파일이다. 하지만 익스프레스 4.16.0 버전에서는 body-parser의 일부분이 내장되어 이제는 유일한 내장 미들웨어가 아니다.(express 설치하면 따라오므로 따로 설치할 필요 없음) app.js123...app.use(express.static(path.join(__dirname, 'pulbic'));...Colored by Color Scriptercs 함수의 인자로 정적 파일들이 담겨있는 폴더를 지정하면 된다.현재 public 폴더가 지정되어 있다. ( 불러올 디렉토리 경로 ) p..
body-parser 요청의 본문을 해석해주는 미들웨어이다.보통 폼 데이터나 AJAX요청의 데이터를 처리한다. app.js123456...var bodyParser = require('body-parser');...app.use(bodyParser.json());app.use(bodyParser.urlencoded({ extended: false}));...Colored by Color Scriptercs 그런데 이전에 express미들웨어에서의 app.js에서는 body-parser를 사용하지 않았다.익스프레스 4.16.0버전 부터 body-parser의 일부 기능이 익스프레스에 내장되었기 때문이다. 그래서 body-parser를 설치하지 않고도 다음과 같이 할 수 있다.↓12app.use(expres..