2016.log

이 포스트는 2016년을 정리하며, 저의 인생 중 “개발” 에 관한 이야기 이것 저것을 적은 회고록입니다. 딱히 대단한 내용은 없지만, 재미있게 읽어주세요 🙂 끝나지 않을 것 같았던 나의 2016년이 드디어 막을 내려간다. 이번 2016년은 나에게 있어서 나름대로 힘들었지만 의미있는 한 해였으니,…

[React.JS] 강좌: React 컴포넌트 구성 & AJAX 비동기 작업 처리하기 & CSS 애니메이션 처리

이 포스트에서는 React 프로젝트에서 Ajax 와 같은 비동기 작업을 효율적으로 처리하는 방법을 다뤄보겠습니다. Ajax 처리 외에도, 컴포넌트 구성 및 응용, 애니메이션 처리도 다루니, React 입문자들은 한번 따라서 진행해보시면 많은 도움이 될거에요. 만약에 이해가지 않는 부분이 있거나 틀린 부분이 있다면 언제든지…

[Node.js / JWT] Express.js 서버에서 JWT 기반 회원인증 시스템 구현하기

이 강의에서는 Node.js 의 인기있는 웹서버 프레임워크인 Express.js 서버에서 JSON Web Token 을 사용하여 회원인증 시스템을 구현하는 방법을 알아보겠습니다. 사전 지식 이 강의에서는 Node.js에 대한 배경지식이 있어야합니다. Node.js 를 잘 모르시는분들은 Node.js 기초 강의 를 먼저 읽어주세요. 추가적으로, 토큰 기반…

[JWT] 토큰(Token) 기반 인증에 대한 소개

소개 토큰(Token) 기반 인증은 모던 웹서비스에서 정말 많이 사용되고 있습니다. 여러분이 API 를 사용하는 웹서비스를 개발한다면, 토큰을 사용하여 유저들의 인증작업을 처리하는것이 가장 좋은 방법입니다. 토큰 기반 인증 시스템을 선택하는데에는 여러가지 이유가 있는데요, 그 중 주요 이유들은 다음과 같습니다 Stateless 서버…

요새는 블루스크린이 호러영화보다 무섭다

옛날엔 블루스크린뜨면 음 뭐지 재부팅되겠네 뭐.. 작업하고있었더라면,, 아.. 날라갔네.. 이런… 이 정도 였는데   최근에 SSD 에 노트북을 달은 이후에, 블루스크린이 생기고나면 SSD를 인식못하던 치명적인 문제가 생겨서… 인식 안되다가다도 가끔씩은 또 인식이 되서 작동하다가 그러다가 갑자기 또 Freeze 되면서 멈추고…

GraphQL 강좌 1편: GraphQL이 무엇인가?

최근 페이스북에서 만든 어플리케이션 레이어 쿼리 언어인 GraphQL 이 공식릴리즈되어 여기저기서 적용한 사례가 생기고있죠 (페이스북은 원래부터 사용하고있었고, 대표적으로 갓 GitHub..) 이 GraphQL 이 뭔지, 이게 왜 필요한건지, 기존의 방식과 뭐가 달라지는건지, 한번 갈피를 잡아봅시다. GraphQL 강좌 1편: GraphQL이 무엇인가? 소개…

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

VSCode Extension

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