현재 웹 프론트엔드 개발을 하고 있고, 이 전에는 여러 플랫폼을 얕게 개발을 진행했었습니다. 그러다보니 특정 분야를 깊게 알고 있는 것보다는 전체적인 흐름과 큰 그림을 보는 것이 익숙해지기도 했죠. 이로 인해 저 스스로 어떤 프로그램이 필요하거나 서비스가 필요할 경우 제가 사용할 정도는 스스로 만들게 되는 상황도 생기게 되었습니다. (이게 장점인지, 단점인지..) 무언가를 만들게 되면 자연스럽게 서버환경을 세팅하고, 배포하는게 익숙해지면서 AWS의 EC2에 들어가서 작업하는게 크게 불편하다라는 것을 못느꼈습니다. 또한 이게 반복적인 작업이다보니, 제가 이미 경험한 환경대로 세팅하게 되었고, 회사업무가 아닌 개인적으로 작업할 때는 트래픽을 크게 신경 안써도 되니 스케일링 관련도 걱정할 일이 없었습니다. 그..

프로그래밍/서버관련 2019. 10. 16. 22:35

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

프로그래밍/웹관련 2018. 5. 13. 23:01

오랜만에 블로그 글을 작성합니다. 이번에는 저번과 달리 오랬동안 포스팅을 쉬었던 것 같습니다. 날짜를 보니 거의 1년동안 새로운 글을 작성하지 않은 것 같네요.여러 일들이 있었고 (나름 바쁘기도 했구요) 컨텐츠의 방향성도 많이 고민하게 되면서 하루하루 넘기다보니 지금의 시점이 된 것 같습니다 : ) 1년 정도 포스팅을 안하면서도 더 좋은 컨텐츠를 제공하고 만들기 위해 수 많은 고민은 계속 해왔습니다. 고민 끝에 지금 시점에 다시 시작하면 좋겠다라고 판단이 되었고, 이 글을 시작으로 여러가지 컨텐츠들과 주제로 이야기를 시작하려 합니다. 다음은 어떠한 주제로 블로그가 운영될지 간략하게 설명하도록 하겠습니다. 아무래도 프로그램 개발을 하는 사람이다보니, 개발관련이야기 비중이 조금 더 높여서 진행할 예정입니다...

노트/노트 2018. 4. 24. 22:10

이 전에 작성했던 포스팅 중 의외로 반응이 좋았던 javascript에 이어 이번에는 git에 관하여 떠들어볼까 합니다.git도 마찬가지로 개발자/개발전공자라면 한번쯤 들어볼법한데 실제로 잘 활용하고 사용하고 있지는 않은 것 같습니다.git은 업무에 적용해서 사용하면 정말 유용하게 사용할 수 있게 해주며, 내가 저지르는 실수들을 보완해 주기 좋은 시스템입니다. 하지만 이 것 이외에도 많은 것들을 도와주기도 하며, 더 나아가 취업자리까지 도와주기도 합니다. 어떻게 하면 나에게 많은 도움을 주며, 나를 구원해줄 수 있는지 이야기보따리를 풀어보겠습니다.아! 혹시 Github 계정이 없으신가요? 아래 내용을 읽기 전에 일단 가입하세요! 분명 도움이 될 것입니다 ! Git깃(Git /ɡɪt/[1])은 프로그램 등..

프로그래밍/팁관련 2017. 4. 9. 19:12

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

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

다소 문장들이 매끄럽지 않은 부분들이 있습니다. 이해해주시고 읽어주시면 감사하겠습니다. (번역툴과 잡지식 총동원) 원문 글은 아래 링크를 통해 확인하실 수 있습니다. 원문 url: http://devan.blaze.com.au/blog/2017/3/3/tophn-a-fun-side-project-built-with-vuejs-and-rethinkdb 구석창에서 실행되는 TopHN을 통해 실시간으로 위아래 버블링되는 뉴스를 볼 수 있습니다. (맞아요, 프로젝트 실제코드는 웃기지 않습니다!)지난 몇 년 동안, 나는 노화된 두뇌에 끊임없이 밀어넣기 위해 노력했고, 그 중의 제일 좋은 한 가지 방법은 매달마다 새로운 프로그래밍 언어, 프레임워크 또는 방법론을 배우고 기술들을 보관하는 것입니다. 나는 항상 순수한..

리뷰/서비스, 프로그램 2017. 3. 24. 13:52

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

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

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