[Release] MEMOPAD: React.js 를 사용하여 만든 간단한 메모 웹 어플리케이션

React.js, Redux, Express.js, 그리고 MongoDB 를 사용해서 만들어진 싱글 페이지 무한 스크롤링 메모 어플리케이션입니다. 이 어플리케이션은 React.js 강의 진행을 위해서 만들어졌습니다. 이를 만드는 내용은 https://velopert.com/tag/reactcodelab 여기에서 다루고 있습니다. Preview: https://memo.vlpt.us/ Source: https://github.com/velopert/react-codelab-project 기능 회원인증 (가입/로그인) 메모 작성 / 수정 /…

[Release] SaySomething. Long-polling 기법을 사용하여 구현한 실시간 채팅 예제 웹 어플리케이션

Express.js, MongoDB 를 사용하여 구현한 채팅 예제 웹 어플리케이션 입니다. Long-Polling 구조를 자체적으로 구현하여 Ajax 를 통해 메시지를 통신합니다. 서버측에선 MessageCache 를 구현하여 실질적을 MongoDB 에 쿼리를 할 때는, 초기에 데이터 불러올 때랑, 이전 데이터를 불러 올 때 입니다. 클라이언트…

[React.js] React-Router v4 Pre-Release 사용해보기

리액트 라우터 v4 공식 릴리즈되어 새 자료를 만들었습니다. 이 포스트에 있는 자료는 deprecated 되었으니 새 포스트를 참고해주세요. 최근, React Router 가 v4 버전을 pre-release 하였습니다. 어떻게 달라졌나 알아보고, 사용법도 알아봅시다. 제가 사용해본 결과, 기존의 사용법과 정말 많이 달라졌으며, 사용법이 정말…

처음으로 영어로 동영상을 만들어보았다

  요새 React 관련 동영상 만들다가, 갑자기 한번쯤 영어로도 만들고싶다는 생각이 들어서 만들어보았다. 최근 동영상 많이 만들어봐서인지.. 딱히 어려움이 없었다. 영어가 불편한건 아니지만 그래도 제 2 외국어이기때문에 발음이 더 많이 꼬일 줄 알았는데 그렇진 않았다.   시간날때마다 조금씩 만들어봐야겠다.. 라고…

VSCode Extension

최근에 VSCode 를 사용하게 됐는데 꽤 빠르고 괜찮은 것 같다. 확실히 아톰보다 훨씬 가벼운 느낌이 든다. 그리고 확장 프로그램 설치 할 때 빠르다… react 프로젝트 진행 할 때 이 정도로 설치하면 좋은 것 같다 :))…