본문 바로가기

전체 글266

D3.js v4 버전 바뀐점 https://iros.github.io/d3-v4-whats-new/#1 최근 이러한 사이트를 방문했는데,D3.js v4 버전의 바뀐점을 정말 잘 설명하고 있었다.고마운 사이트 이다. 굿! 2017. 3. 23.
vue.js router 쓰는법 최근 vue.js를 가지고 홈페이지를 개발하자는 계획을 세웠다.하지만 그냥 컴포넌트 단위로 사용했던 것과는 다르게 vue.js의 router과 vuex 등등 덧붙여 사용할 것이 있었다.또 webpack이나 es6 문법을 다시 사용해야 하는 약간의 번거로움이 있다.(앞으로 주구장창 사용해야 할거 같지만..ㅅ..) 여튼 본격적인 개발을 시작해야 하는데, 강좌 없이는 시행착오가 많을거 같다.그래서 찾아본 결과 아래 vue.js router 강좌를 찾았다.(일단은 강좌대로 했는데 나는 오류가 생긴다... 젠장 ㅠ -> 오류해결!) https://router.vuejs.org/kr/ 2017. 3. 20.
vue-cli를 이용한 프로젝트 시작 방법 아직까지 vue.js를 통해 대형 프로젝트 개발을 해보지는 않았지만 조만간에 규모있는 웹앱을 개발해야 되서 슬슬 작업 시동을 걸어야 했다.그러던 중 vue-cli에 관하여 알게 되었고, 본 cli를 사용하면 앱 개발의 환경을 단시간 내에 빠로고 쉽게 세팅할 수 있음을 알게 되었다. https://forum-archive.vuejs.org/topic/4596/vue-cli를-이용한-프로젝트-시작방법입니다 위는 vue-cli로 프로젝트를 세팅하는것에 대해 아주 잘 설명해 놓은 포스트이다. 2017. 3. 17.
wireframe tool powerMockup 소개 솔직히 난 전문적인 디자이너는 아니다.하지만 항상 어디가 프론트엔드 개발을 한다고하면 먼저 UI부터 설계하자고 하는 사람들이 있다..그렇다고 내가 그림을 그릴수는 없는 노릇아닌가..그래서 최근에 계속해서 목업툴에 관심을 가지게 되었다.이전에 올렸던 adobe XD를 최근 사용하고 있는데 불편한 점이 한두가지가 아니다.가장 불편한 점은 UI kit이 빈약하다는 점이다.즉 내가 다 그려야 한다.. (좋은줄 알았는데 그림을 일일이 다 그리기 귀찮은 나에게는 너무나 큰 장벽이었다.ㅠ)그래서 내가 또 염두해놓은 툴이 바로 power mockup이다. (두둥!) power mockup은 여기서 다운받을 수 있으며, 트라이얼버전으로 30일을 제공해주고 있다. https://www.powermockup.com/down.. 2017. 3. 15.
클라이언트사이드 렌더링과 서버사이드 렌더링 요새 웹을 프레임워크를 사용하다보면 클라이언트사이드렌더링, 서버사이드렌더링이란 용어가 자주 등장한다.초반에 본 용어에 대해 들어도 감이 안잡혔던 나였지만 이제 전체적인 개발을 진행하다보니 조금씩 알거 같은 기분이다.아래의 블로그에 두 용어 및 현재의 웹의 흐름에 대해 잘 정리해 놓아 공유해본다. http://asfirstalways.tistory.com/244 2017. 3. 13.
vue.js computed와 methods의 차이 최근 앞으로 있을 프로젝트에 대비하여 Vue.js를 공부하고 있다.원래 성격자체가 깔끔하고 가벼운것 좋아하고 덕지덕지 붙어있는거는 싫어하기에 가장 마음에 드는 프론트엔드 프레임워크가 있다면 vue.js를 꼽고 싶다. 이러한 vue.js에는 다양한 개념들이 많이 등장하는데, 그중 최근 쓰면서 알게된 computed와 methods 차이점에 대해 말해보고자 한다.둘다 vue.js 안에서 함수를 정의하는 부분이고 데이터가 변동됨에 따라 안에 있는 함수를 재호출 하게 된다.둘의 차이점은 데이터가 변동되지 않는다고 가정했을때에 드러난다.데이터 변동이 없는 상태에서 computed는 이전의 계산된 값을 캐시해 두었다가 함수 호출시 다시 쓰게 된다.반면 methods는 사용될 때마다 함수의 계산을 다시 하게 된다.만.. 2017. 3. 13.
atom 에디터 단축키 바꾸기 atom 에디터를 사용하다보면 좀 더 빠른 개발을 위해 단축키를 사용할 때가 많다.하지만 일부 단축키들은 조금 비효율적으로 설정되있는 경우가 있다.atom은 단축키를 변경할 수 있게 함으로 이러한 불편을 해결해준다.아래는 단축키 변경에 대한 사항을 잘 포스팅 해놓은 블로그이다. http://meonggae.blogspot.kr/2016/08/atom.html 2017. 3. 13.
온라인 gradient 생성툴 웹에서 디자인 작업을 보다 세련되게 하기 위해 사용하는 것이 gradient 색상이다.하지만 gradient를 css로 하나하나 만든다는 것은 매우 힘든 작업이고,그것을 위해서 다양한 온라인 gradient 생성툴이 존재한다.그중에서 써보니 가장 좋았던 것이 아래의 사이트 이다.아무리 툴이 있다고 해도 내가 gradient를 생성하는건 정말 많은 시간이 걸리는데,다양한 예제를 제공해주니 원하는 것을 금방 선택할 수 있다. http://www.bestcssbuttongenerator.com/ 2017. 3. 10.
filezilla 를 쓰면서 생기는 한글 깨짐 문제 해결 초반에 filezilla를 쓰면서 불편했던 점은 한글이 깨져서 보였다는 점이다.그리고 깨진 문서는 삭제가 불가능하다는 점도 불편했다.그래서 찾아본 결과 설정에서 인코딩을 바꾸어주면 된다.아래는 그에 관해 자세히 정리한 블로그이다. http://gnustudy.com/bbs/board.php?bo_table=gnu_tip&wr_id=25 2017. 3. 9.

티스토리툴바