현재 웹 프론트엔드 개발을 하고 있고, 이 전에는 여러 플랫폼을 얕게 개발을 진행했었습니다. 그러다보니 특정 분야를 깊게 알고 있는 것보다는 전체적인 흐름과 큰 그림을 보는 것이 익숙해지기도 했죠. 이로 인해 저 스스로 어떤 프로그램이 필요하거나 서비스가 필요할 경우 제가 사용할 정도는 스스로 만들게 되는 상황도 생기게 되었습니다. (이게 장점인지, 단점인지..) 무언가를 만들게 되면 자연스럽게 서버환경을 세팅하고, 배포하는게 익숙해지면서 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

이전 포스팅에서 Vuejs를 왜 쓰면 좋고, 다른 비슷한 프레임워크들이 어떤 것들이 있고, 어떤 차이점들이 있는지 알아보았습니다. Vuejs가 정말 쉽게 동작한다라는 것도 어느정도 인지하셨을 것 같습니다 : ) 그러면 실제로 Vuejs를 처음에 시작하게 되면 어떤 것들을 먼저 해야하고, 내가 적용하는 것이 틀린방법은 아닌지 이야기를 시작해보려 합니다. 시작하기전에 제가 설명드리는 방법이 정답은 아니라는 것을 미리 말씀드립니다. 그러나 정말 아무 것도 모르는 상황에서 이러한 방법으로 시작했을 때 나름 도움이 될 것 이라고 생각됩니다.브라우저에서 바로 적용하기Vuejs는 브라우저에서 바로 적용해서 사용하실 수 있습니다. 기존 프로젝트에 추가로 적용되더라도 전혀 충돌없이 함께 사용할 수 있기 때문에 부담없이 ..

프로그래밍/웹관련 2017. 5. 8. 18:56

이 전 포스팅들 중에서 Vuejs관련해서 작성한 것들이 몇몇 있었는데, 알고보니 정작 중요한 것을 올리지 않았습니다. Vuejs가 어떤 것인지, 그리고 어디에 사용하면 적절한지의 대한 설명이 부족했던 것 같습니다. 그래서 이번 포스팅에서는 Vuejs의 관하여 주절주절 떠들어볼까합니다. 해당 글은 공식 메뉴얼에 설명되어 있는 것도 언급하겠지만 개인적인 의견도 포함되어 있을 수도 있기 때문에 “아, 이러한 의견도 있구나” 정도로 가볍게 읽어주시면 감사할 것 같습니다 : )Vue.js가 무엇일까요?공식홈페이지에서 내용을 가져와보면,Vue (/vju:/ 로 발음하며, view와 발음이 같습니다). 사용자 인터페이스를 만들기 위한 진보적인 프레임워크라고 합니다. 다른 Front-end 프레임워크와는 달리 강제적인..

프로그래밍/웹관련 2017. 5. 6. 17:59

javascript의 유연함때문인지 많은 플랫폼을 javascript언어를 기준으로 개발하려는 시도들이 많이 있었고, 지금도 많은 시도들이 있는 것으로 보입니다. 그 중에서 흥미있는 것 중 하나인 Electron, 그리고 웹에서 이제 막 유명해지려고 하는 vue.js의 대해서 간략하게 정리해보려 합니다.Electron (일렉트론) 기존 PC프로그램을 만드려면 C/C++(MFC , QT), C# 혹은 Java등의 언어들로 개발해야한다고 떠올리실 것 같습니다. 하지만 이러한 언어를 주로 다루는 개발자들보다는 웹개발자들이 비율적으로 훨씬 많은 것으로 알고 있습니다. 실제로 회사를 다니고 일을 하다보면 웹도 필요하면서 동시에 PC프로그램을 만들어야 하는 수요들이 심심치 않게 있다는 것을 피부로 느끼게 됩니다. ..

프로그래밍/팁관련 2017. 5. 4. 18:31

이 전에 작성했던 포스팅 중 의외로 반응이 좋았던 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

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

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