TIL

• remote branch 적용 (in terminal)
  1. git checkout -m new branch
  2. git push origin new branch

express

cors적용

• app.use(cors());
  • 라우터 하나하나마다 적용하다가 cors문제가 발생하였다.

router 사용 예문(예문 출처 )

var express = require('express');
var router = express.Router();

// middleware that is specific to this router
router.use(function timeLog(req, res, next) {
  console.log('Time: ', Date.now());
  next();
});
// define the home page route
router.get('/', function(req, res) {
  res.send('Birds home page');
});
// define the about route
router.get('/about', function(req, res) {
  res.send('About birds');
});

module.exports = router;

위에서 작성한 라우터 파일을 메인 구동 파일에 연결

var birds = require('./birds');

app.use('/birds', birds);

middleware 사용 예문 (예문 출처 )

var express = require('express');
var app = express();

var myLogger = function (req, res, next) {
  console.log('LOGGED');
  next();
};

app.use(myLogger);

app.get('/', function (req, res) {
  res.send('Hello World!');
});

app.listen(3000);

---

오늘 한 일

• express 공부
• 채터박스 express로 리팩토링
• leetcode
  • Array Partition I (easy)
  • Day of the Week (easy)
  • Sort Array By Parity (easy)
  • Number of Recent Calls (easy)

---

To Do

• scss 도 활용을 생각해보면 좋을것 같다.

• typescript 공부 예제를 생각해보자

• react 공부 하기

---

오늘은...

오늘은 개별적으로 express 학습을 진행하고 그동안 작성하였던 채터 박스를 express를 사용하여 재구성 하는 작업을 수행하였다. 대략적인 구성은 어렵지 않았으나 라우터로 연결하는 부분 같은 것은 이해가 늦어서 많이 버벅였다. 아직도 이해가 잘안되는 부분은 cors부분 이다. 어떤때가 문제가 되는지에 대한 경험이 없으니 문제가 생겨도 왜일어났는지 어디부터 봐야하는지에 대해 모르다보니 헤메는 시간이 너무 길다. 특히 마지막에는 cors설정이 겹쳐서 일어난것 같은 문제의 해결책도 못찾고 있다가 저러면 되나 싶어서 하고나니 멀쩡히 돌아가는 것을 보았을 때의 심정이란...
하아 내일부터 react를 배워야하는데 얼마나 삽질을 하게 될지 걱정된다.