sublime multi cursor

  cmd + d 키로 sublime text(이하 서브라임)에서 위 동영상과 같은 기능을 쓸 수 있다. 같은 단어를 손쉽게 치환할 수 있는 기능인데, multi cursor(이하 멀티커서)의 가장 기본이라고 보면 될 듯. 하지만, 겨우 이런 동영상 하나로 퉁치려고 이 포스팅을 작성한 것은 물론 아니다. cmd + d 말고도 멀티커서를 활용할 수 있는 방법이 있었으니, 그것은 바로 cmd + shift […]

remote work

제목을 재택근무라고 쓰지 않는 이유는 내가 뼛속까지 사대주의자라서가 아니라, 회사에서 일하지 않는다는 것이 꼭 집에서 일한다는 뜻은 아니기 때문이다. 집 밖 카페도 있고, 동아리방에서 할 수도 있고, 회사가 아니고 자신의 업무효율을 높일 수 있다면 그 어떤 장소에도 구애받지 않는다는 의미에서 remote라는 단어를 쓰게 된 것 같다.   회사의 규모가 커져가면서 사규(?)와 비슷한 규칙을 정하게 되면서 […]

bootstrap current viewport

부뚜두뚜랩에서 모바일웹 지원을 하려고 이것 저것 찾아보다가 얻게된 자료 공유!     export const getWindowSize = () => { return { width: Math.max(document.documentElement.clientWidth, window.innerWidth || 0), height: Math.max(document.documentElement.clientHeight, window.innerHeight || 0) }; }; export const getViewportSize = () => { const width = getWindowSize().width; return width >= 1200 ? ‘lg’ : width >= 992 ? […]

ng-redux async action with redux-thunk

참고한 문서는 다음 두 개! 공식 홈페이지: AsyncActions 깃허브 공식 예제: ng-redux/examples/async   redux-thunk 의 아이디어는 다음과 같다. lazy-evaluation of action! 즉, 객체를 리턴하는 대신 객체를 리턴하는 함수를 리턴해서 함수가 비동기적으로 작업을 진행하는 도중에 중간중간 객체를 리턴하자는 심플한 아이디어! 그럼 원래 액션객체를 받아먹던 redux reducer가 놀랄(?) 수도 있으니 그 중간에서 redux-thunk가 middleware로 중재해주겠다는 것. 그럼 […]

angular custom directive ng-change

angular로 custom directive를 만들다 보면 template에서 종종 ng-change 를 사용하게 된다. 이 디렉티브의 콜백을 넘겨주려면 isolated scope에  & 로 넘겨준 뒤  ng-change 사용하듯이 쓰면 끝나는 간단한 작업이었지만, & 로 넘겨준 함수에 파라미터를 넣어서 보내주려니까 또 다른 이야기더라고. directive가 내부적으로 사용하는 모델을 = 로 넘겨주고, 이 모델이 바뀌었을 때 실행될 함수를 & 로 넘겨준 상황. 여기서 놀랍게도 ng-redux를 사용하려니 이 함수의 인자로 […]