Jin

이 글을 진행하기 전에 먼저 작성해야하는 내용이 있습니다.Nuxt에 관하여 논할 레벨이 아니지만, 제가 기대했던 방향과는 달리 실제 사용경험에서 느꼈던 부분을 이야기해보려합니다. 지금도 역시 제가 Nuxt를 잘 이해하지 못하고, 쓸 줄 몰랐기 때문이라고 생각하고 있습니다 : )Nuxt!?아, 그러고보니 Nuxt가 무엇인지부터 시작해야겠군요. Nuxt는 Vuejs 기반으로 만들어진 SSR(Server Side Rendering) 오픈소스 프로젝트입니다.홈페이지의 설명을 덧붙이자면, Vuejs 프로젝트를 진행할 때 서버부분을 미리 구성하여 보다 나은 UI 렌더링을 제공하고, static(정적) 페이지를 만들어내는 기능들을 포함하고 있다고 합니다.또한 프레임워크의 레벨로서 비동기 데이터, 미들웨어, 레이아웃등..

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

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

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