본문 바로가기

전체 글26

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.
JavaScript - 비동기처리와 콜백함수 # 참고자료 https://joshua1988.github.io/web-development/javascript/javascript-asynchronous-operation/ 자바스크립트 비동기 처리와 콜백 함수 (중급) 중급 자바스크립트 개발자가 되기 위한 자바스크립트 비동기 처리와 콜백 함수 이해하기. 콜백 지옥과 해결 방법 등 joshua1988.github.io 독서록 비동기 처리와 콜백함수, Promise, async & await에 대한 글을 아주 잘 작성해주셨다, 꼭 정독하고 넘어가자 2020. 6. 11.
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.