vue.js EventBus를 활용한 컴포넌트간 데이터 공유프론트엔드 프레임워크를 사용하다보면 왠지 모르게 빡빡하게 짜여져 제공되는 것들 때문에 데이터의 흐름이나 여러 핸들링을 처리하기에 어려움을 겪기도 합니다. 제가 현재 작성하고 있는 Vue.js의 경우도 이러한 부분 때문에 클래식(?)스타일로 웹개발을 하시는 분들은 부담스러운 부분들도 있습니다. 데이터의 흐름을 쉽게 하기 위해 vuex라는 외부라이브러리가 있고, 메소드들을 서로 호출할 수 있도록 도와주는EventBus라는 방법이 있습니다. 저는 이러한 것들 중에서 EventBus라는 것의 대해서 살펴보고 예제를 작성해보려 합니다.이벤트를 사용하는 이유일반적으로 메소드, 변수를 정의할 때 한 오브젝트나 컴포넌트 단위로 묶어서 사용되기 때문에 이벤트를 ..

프로그래밍/웹관련 2017. 2. 13. 00:01

Vue.$nextTick요즘 갑작스럽게 인기가 많아진 Front-end Framekwork인 Vue.js의 대해서 이야기해볼까합니다. Vue.js가 무엇인지 말하기에는 공식문서 한글화도 잘 되어있고, 국내 Vue.js커뮤니티에서도 현재 활발하게 여러가지 주제를 가지고 이야기를 하고 있기에 따로 설명하지는 않겠습니다. Vue.js를 어느정도 사용하고 있다가 데이터와 UI를 건드리는 상황에서 간헐적으로 DOM을 못찾는 상황을 겪어보셨을지 모르겠습니다. 겪지 않으셨더라도 언제가는 겪게 될 일이죠. (저는 이미 이 일을 겪게 되었습니다.)네트워크 요청을 하던가, 어떤 데이터를 vue._data에 삽입하자마자 삽입 후에 갱신될 UI의 대해서 DOM을 탐색하여 처리할려고 하면 해당 DOM을 못찾아서 콘솔화면에 빨간..

프로그래밍/웹관련 2017. 1. 19. 21:33

모바일에서 이미 유명해져버린 모바일 데이터베이스 Realm (렘이라 읽는다) 이제는 모바일 뿐만 아니라 서버의 영역까지 확장하고 있는 듯 합니다. 그 중에서 흥미로운 것을 발견했습니다. 기존 Node.js로 서버를 개발한다고 하면 당연스럽게 MongoDB 먼저 생각했었는데, 그 영역의 일부를 Realm이 파고들어오게 되었습니다. 관련자료들을 찾아보니, Node.js를 위해서 Realm을 만들었다기보다는 javascript용의 Realm으로 React-Native를 위해서 나온 것이 Node.js서버쪽에서도 일부 활용가능해진 것으로 보입니다. (제 추측입니다) 그래서 저는 얼마나 쉬울까?라는 궁금증을 가지고 일단 간단한 예제를 만들어보기로 했습니다.Node.js는 당연히 설치되어 있어야 하며, 간단한 AP..

프로그래밍/서버관련 2017. 1. 4. 22:11

이번에도 역시 오랜만에 포스팅을 작성해봅니다. 회사 일을 하며, 업무도 하고, 개인적인 공부도 하고, 취미생활도 하고, 데이트도 해야하다 보니 글을 작성할 시간이 부족할 수밖에 없나 봅니다. 그래서 이번에는 제가 공부도 하며 관심이 가고 있는 주제의 대해 다뤄볼까 합니다. IT보다는 개발쪽에 관심있는 분들이라면 재미있게 읽어보고 여러 의문점과 의견을 생각해보실 수 있을 겁니다. 요즘 뜨는 언어중에 하나인 javascript. 과거 10~15년 전만해도 홈페이지에 눈내리기, 마우스 애니메이션 등 단순한 꾸미기용도로 사용되었는데, 지금은 Front-end, Back-end 등 중요한 자리를 차지하게 되었습니다. 이 중에서도 저는 Front-end에서 javascript문법으로 만들어진 Framework의 A..

프로그래밍/웹관련 2016. 9. 29. 21:59

npm v2에서 npm v3로 업데이트하기예전에는 node.js와 npm을 각각 설치했던 기억이 얼핏나는 것 같은데, 요즘은 node.js를 설치하면 npm이 자동으로 설치되니, 정말 편리한 것 같습니다. 그런데 LTS버전인 node.js v4.x를 설치하게 되면 npm v2가 설치되는데, npm 설치시 구닥다리 UI, 의존성관련하여 충돌부분때문에 스트레스 받으시는 분들이 있을 것 같습니다. npm v3는 의존성부분들이 해결되었다, 설치할때 프로그레스바가 있어서 좋다라고는 들었지만 설치하기 귀찮거나, 아직 시도해보지 않아서 못써보신 분들이 많으실 것 같아서 이렇게 짧게나마 글을 작성해봅니다.기존 node.js와 npm v2가 설치되어 있다면 엄청 쉽게 npm v3로 올라갈 수 있습니다! npm 버전확인n..

프로그래밍/팁관련 2016. 8. 24. 00:19

웹에서 실시간처리학부생활중 실시간처리 관련으로 TCP/IP를 배우면서 TCP/IP를 이용한 1:1 채팅을 구현해보셨을것이라 생각합니다. 하지만 실무에서는 전~~~~혀 쓸모가 없는 것 같습니다;; 수업중 책에 나와있는 소스대로 따라한다면 1:1채팅은 잘 되지만 멀티채팅구현은 머리를 굴리고 굴려야 간신히 구현할 수 있을 겁니다. 그러나 역시 실제서비스에 적용은 무리라고 생각됩니다.그럼, 쉽게 프로그래밍을 짜면서 실제서비스에서 적용할 수 있는 방법이 무엇이 있을까요?멀티채팅관련으로 알아보면서 괜찮은 것을 하나 찾았습니다 : )요즘 젊은층(?)에서 많이 사용하고 있는 node.js + socket.io 입니다. 이걸 언어라고 설명을 해야할지 프레임워크라고 설명을 해야할지 애매합니다. node.js자체가 java..

프로그래밍/서버관련 2014. 5. 18. 17:55

라즈베리파이 연속강좌 (1) :: 구입 및 개봉기라즈베리파이 연속강좌 (2) :: 라즈베리파이란?라즈베리파이 연속강좌 (3) :: 라즈베리파이의 시작 및 설치!라즈베리파이 연속강좌 (4) :: 라즈베리파이 누구나 개발(print부터 GPIO)라즈베리파이 연속강좌 (5) :: 라즈베리파이 영상플레이어(XBMC로 사용하기)라즈베리파이 연속강좌 (6) :: 라즈베리파이로 나만의 서버를 가지자. 웹서버, FTP라즈베리파이 연속강좌 (7) :: 라즈베리파이에 안드로이드 설치라즈베리파이 연속강좌 (8) :: 라즈베리파이 토렌트 서버 구축 라즈베리파이 연속강좌 (9) :: 라즈베리파이 클러스터링 구축 시작하기전안녕하세요! Jin 입니다. 지금까지 라즈베리파이에 대해 간략하게 살펴보았다면 오늘은 직접적으로 즐겨보도록 ..

프로그래밍/공부관련 2014. 1. 24. 00:04

라즈베리파이 연속강좌 (1) :: 구입 및 개봉기라즈베리파이 연속강좌 (2) :: 라즈베리파이란?라즈베리파이 연속강좌 (3) :: 라즈베리파이의 시작 및 설치!라즈베리파이 연속강좌 (4) :: 라즈베리파이 누구나 개발(print부터 GPIO)라즈베리파이 연속강좌 (5) :: 라즈베리파이 영상플레이어(XBMC로 사용하기)라즈베리파이 연속강좌 (6) :: 라즈베리파이로 나만의 서버를 가지자. 웹서버, FTP라즈베리파이 연속강좌 (7) :: 라즈베리파이에 안드로이드 설치라즈베리파이 연속강좌 (8) :: 라즈베리파이 토렌트 서버 구축 라즈베리파이 연속강좌 (9) :: 라즈베리파이 클러스터링 구축 라즈베리파이 ‘구입 및 개봉기’를 포스팅하고 너무나 오랜시간이 흘러버렸네요 : ( 많은 분들이 다음 강좌를 기다리고 ..

프로그래밍/공부관련 2013. 11. 30. 19:26