내맘대로

Vue.js는 2017년 한 해 동안 가장 많이 발전한 프레임워크다. 물론 아직 Angular와 React 보다 못 미친다는 글을 보긴 했지만, Vue.js는 많은 발전을 했고 개발자들에게도 긍정적인 반응을 보이는 가볍고 배우기 쉬운 프레임워크다. (한번 보면 좋을 링크 https://d2.naver.com/helloworld/3259111) 그러면 왜 Vue.js가 좋다는건가?? document가 정말 잘 정리가 되어 있다.그리고 api 문서에 한글 번역(https://kr.vuejs.org/v2/guide/installation.html)이 지원된다. > 이것은 정말 엄청난 이점!!!!!!! 근데 업데이트된 문서들은 한글 번역이 미지원인듯??ㅠㅠ간편하며 배우기 쉽고 가볍다. Vue.js가 얼마나 간단..

Backbone.js 가 탄생하게된 배경 SPA(Single Page Application)의 필요성 리소스 로딩 속도를 개선하여 유저의 대기 시간을 줄이기 위해 SPA 개발 필요 Backbone의 구조(MV*) Backbone은 서버에서의 MVC 패턴에서 착안M(odel), V(iew), C(ontroller) 구조에서 착안되었으나 완전히 동일하진 않다. * 백본은 컨트롤러의 역할을 view가 대신 Model - 뷰의 변화를 관찰할 수 있다. (관찰한다는 것은 모델이 갱신될 때 마다 뷰가 인지할 수 있다는 것을 의미)- 모델의 집합 : Collection(그룹 내의 모델이 변경된 경우 그룹으로 부터 인지할 수 있는 로직을 작성할 수 있다는 것 => 모델 인스턴스의 변경에 대해 수동으로 관찰하지 않아도 ..

사실 도니 버거인지도 모르고 맥도날드 찾아가다가 한국에 있는거 말고 현지 버거 먹으러 가자고 해서 들어갔던 곳! 한 10시반? 쯤 갔을땐 사람이 없었는데 시간이 지날 수록 한국인이 많아져서 괌엔 참 한국인이 많구나 했는데 알고보니 한국인에게 맛집으로 유명해서 그런듯 하다 ㅋㅋㅋㅋㅋ 머 맛있었음!!!

bind 사전적 의미는,결속하다/묶다 js에서는 함수 호출을 하는 객체에 실제 함수가 위치한 객체를 연결하는 것을 의미.즉, 특정 객체에서 실행하도록 고정시키는 역할 데이터 바인딩의 경우에도, 실제 데이터와 브라우저 메모리에 있는 데이터를 일치시키는 것. 아.. 아직 정리가 덜된듯!ㅜㅜㅜㅜ

gulp란? 개발 작업 시 시간을 소모하는 작업(scss 파일 컴파일 등)을 자동화하는데 도움되는 자동화 도구 특징으로는,- 최소한의 API를 제공하여 사용하기 간단하다.- npm 모듈을 사용하여 수많은 파일 변환에 필요한 플러그인을 제공 이하 세부 참조 : https://github.com/gulpjs/gulp gulp 설치하기 npm install -g gulpnpm install -g gulp-sass // 파일 컴파일을 위해 필요한 별도 모듈 설치 gulp를 실행하기 위해서, 프로젝트 내부에 gulpfile.js 파일을 생성해야한다.gulpfile.js는 gulp 실행을 위한 환경 설정을 역할을 한다. 생성한 gulpfile.js에는 어떤 내용을 적어야할까?우선 주요 api를 살펴보자. gulp ..

힐튼 호텔에서 본 풍경 넘나 젛았음

커링 함수란? 함수를 그 인자의 부분집합으로 바인딩하는 기법 용어 정의를 적는 것 보다 예시를 보는게 이해하기 편할 듯 하다. 다음과 같은 프로토콜, 도메인, path 값을 받아 하나의 url을 생성하는 함수가 있다. function simpleURL(protocol, domain, path) { return protocol + '://' + domain + '/' + path} simpleURL('http', 'www.abc.com', 'a')simpleURL('http', 'www.abc.com', 'b')simpleURL('http', 'www.abc.com', 'c') 위의 함수로 간단하게 url을 만들어낼 수 있지만,예시에서 보는 것과 같이 path가 여러개인 경우에 각각 호출해야하는 번거로움이..

위의 그림처럼 하나의 버튼을 클릭했을 때, 버튼 하나에만 클릭 이벤트가 일어난 것처럼 보이지만 사실 클릭 이벤트는 버튼에만 적용된 것이 아니다. 이벤트는 하위 혹은 상위 엘리먼트로 전파되며, 이와 관련된 용어가 이벤트 버블링(Event Bubbling)과 이벤트 캡처링(Event Capturing)이다. 이벤트 버블링 이벤트가 발생하게 되면 상위 element로 이벤트가 타고 올라가는 것 이벤트 캡쳐링이벤트 발생 시 하위 엘리먼트로 이벤트가 전파되는 것 위와 같이 A, B, C 엘리먼트가 있는데,특정 영역을 클릭했다고 해보장 이벤트 버블링은 클릭 이벤트가 C > B > A 순으로 타고 올라가고이벤트 캡쳐링은 클릭 이벤트가 A > B > C 순으로 타고 내려온다. 이벤트 전파를 하기 싫다! 하는 경우에는이..