[WEB]15 React.js 와 Express 연동 최근 express와 socket.io를 이용해 채팅을 하는 프로젝트를 진행하다가 pug 탬플릿이 아닌 react를 이용해 화면을 구성하고 싶어 졌습니다. 그래서 이것저것 찾아보다 좋은 글들이 있어 읽고 따라 하는 과정을 글로 남깁니다. 다수의 블로그들을 돌아다녀본 결과 react와 express를 연동하는 것에 바로 들어가기 전에 서버 쪽에 대해서 조금 알면 도움이 될 것 같아 링크를 남깁니다. 깊게 알 필요는 없지만, 아~ 이런 게 있고 이렇게 구성되는 거구나 하고 이해만 하신다고 해도 오늘의 주제를 진행하기엔 충분할 것 같습니다. Server https://itsandtravels.blogspot.com/search/label/%EC%84%9C%EB%B2%84?&max-results=5 여행 다니는.. 2020. 6. 23. Node.js - Passport.js 사용 현재 개발 진행 중인 채팅 서비스(express와 socket.io 사용)를 만드는 데 있어, 현재는 세션에 닉네임을 넣어두어 그것을 확인하여 사용자를 구분하고 있었습니다. 하지만 이제는 제대로 로그인과 로그아웃, 더 나아가 다른 사이트의 계정들을 이용해 해당 서비스를 이용하는 OAuth 또한 담아보고 싶어 passport.js를 공부해봤습니다. 더보기 아래의 코드를 어떻게 사용하는지 모르시겠다면? passport.js의 코드는 대게 http://www.passportjs.org/docs/downloads/html/에 나와 있습니다. 실제 사용한 모습을 보시려면 github.com/dorakang612/chatPrac으로 가셔서 app.js, passport.js, globalRouter.js, user.. 2020. 5. 27. Node.js - Express와 Babel 그리고 Nodemon Express를 이용해 서버를 만들어보고 있습니다. Node.js를 이용해서 진행 중인데, ES6문법으로 작성을 하고 있습니다. 하지만 모듈 운용 방식은 CommonJS를 따르고 있어 ES6에서 제시하는 모듈 운용인 import와 export를 사용하지 못하고 있었습니다. 이를 해결해보고자 지난 글에서 진행 중인 프로젝트의 복사본을 초기 설정 때로 되돌려 보았습니다. 이번 글에서는 import와 export를 NodeJS에서도 사용 가능하게 하는 방법에 대해서 작성하고자 합니다. 아래는 제가 작성한 서버 초기 설정 프로젝트입니다. 완벽하진 않지만 수정을 해서 사용하시면 빠르게 시작하실 수 있을 것 같습니다. https://github.com/dorakang612/learn_express_setting d.. 2020. 5. 12. Node.js - Express로 서버 개발시 초기 설정 이번 글은 제가 현재 만들어 보고 있는 Node.js와 Express, Socket.io를 활용한 채팅 서비스를 개발하면서 Express에 대한 이해가 오래 걸렸기에 그것을 정리해보고자 작성하였습니다. Express를 이용하여 프로젝트를 진행하는 데에는 2가지 방법이 있습니다. express-generator 사용하기 직접 프로젝트 구조 잡기 위의 방법들을 설명하고, express 프로젝트의 주요 개념과 필요 패키지들에 대해서 작성하겠습니다. # express-generator 사용하기 첫 번째 방법은, express-generator를 사용하는 방법입니다. npm i express-generator express-generator는 express 프로젝트를 만드는데 필요한 기초 구조를 잡아주는 패키지입.. 2020. 5. 6. 이전 1 2 3 4 다음
