React.js building Automation & Node.js static rendering, 그외 여럿..

간단하게나마 개발을하면서 필요한 부분만 모아놨다.

첫번째로 npm-watch 부분이다.

node.js에서 res.sendFile(리액트 빌드 결과물)을 해줄때, build를 매번 프론트 수정을 해줄때마다 명령어를 쳐야하는 불편함이 있다.

그래서 이를 자동화해주는 방법이 있다.

https://medium.com/how-to-react/use-npm-watch-to-auto-build-your-reactjs-app-6ed0e5d6cb00

Use npm-watch to auto build your ReactJS app

또한 static 파일을 위에서 res.sendFile 해주는 방법을 자세히 설명해준 블로그를 찾아봤다.

https://codingapple.com/unit/nodejs-react-integration/

Node+Express 서버와 React 연동하기 - 코딩애플 온라인 강좌

갠적으로 React.js에서 라우팅 규칙을 정하고, 백엔드상에서는 app.get('*',(req,res)=>{}); 식으로 가려한다.

또한 session을 사용하여 로그인하는 방식도 찾아봤는데 밑에와 같이 구현하면 될듯하다.

https://whiteknight3672.tistory.com/270

7. (홈IoT DIY) Express-session으로 React인증절차 구현

https://berkbach.com/node-js-%EC%99%80-cookie-session%EC%9C%BC%EB%A1%9C-%EC%82%AC%EC%9A%A9%EC%9E%90%EC%9D%98-%EC%A0%95%EB%B3%B4-%EC%A0%80%EC%9E%A5-part-1-b66d8b35a6e6

Node.js 와 Cookie/Session으로 사용자 정보 저장 - Part 1

 

나중에 jwt등도 알아봐야겠다.