서론javascript가 어떤 것인지 잘 모르시는 분들을 위해 간단하게 설명부터 먼저 진행하도록 하겠습니다.자바스크립트(JavaScript)는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. 또한 Node.js와 같은 런타임 환경과 같이 서버 사이드 네트워크 프로그래밍에도 사용되고 있다. 자바스크립트는 본래 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 에이크(Brendan Eich)가 처음에는 모카(Mocha)라는 이름으로, 나중에는 라이브스크립트(LiveScript)라는 이름으로 개발하였으며, 최종적으로 자바스크립트가 되었다. 자바스크립트가 썬 마이크로시스템즈의 자바와 구문(syntax)이 ..

프로그래밍/팁관련 2017. 4. 7. 22:30

국내에서도 Vue.js를 사용하는 비율이 점점 높아져가는 것 같습니다. Angularjs, Reactjs보다 진입장벽이 낮고, HTML/CSS와 기본 JavaScript만 다룰줄 알더라도 쉽게 사용할 수 있다는 장점이 있습니다. 또한 vue-cli라는 툴을 이용하여 기본적인 vue 골격을 만들어 웹팩(webpack)까지 통합세트로 운영할 수 있다보니, 고민없이 사용해야한다라는 생각이 점점 강해지는 것 같습니다. 분명 처음에는 가볍게 시작을 하면서, 분명 사용하기도 편합니다. 그런데 이 전에 사용했었던 jQuery, Bootstrap. 그리고 그 외의 많은 라이브러리들을 어떻게 추가해야하는지 헷갈릴 수도 있을 것 같습니다. 이는 웹팩이 같이 포함되어 있으면서 외부 라이브러리들을 어떻게 추가하는게 맞는 것인..

프로그래밍/웹관련 2017. 3. 2. 14:23

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

저는 죽을 때까지 공부를 해야한다는 직종인 프로그래머로 일하고 있습니다. 어렸을 때 부터 컴퓨터를 좋아했던 저는 여러가지 프로그래밍언어들을 주변친구들보다 빨리 접했었는데, 그 당시에는 프로그래밍 언어라고 해봤자 C/C++, Java, PHP, JSP, ASP 이정도 였습니다. (JavaScript도 있었지만 이건 언어라기보다는 HTML을 이쁘게 꾸미기 위한 도구일뿐) 그런데 지금은 정말 수많은 프로그래밍 언어들로 서비스를 만들고 사람들끼리 서로 코드를 공유하는 시대가 되었습니다. 그 중에서 오늘 소개해드릴 내용은 브라우저에서만 사용했었던 언어인 JavaScript로 서버까지 만들 수 있는 Node.js에 대해 이야기를 시작해보려 합니다. JavaScript프로그래밍언어를 조금이라도 아시는 분들이라면, 혹..

리뷰/장소, 후기 2015. 11. 16. 23:41