UIT개발실은 어떤 개발환경에서 일하는가

日本語版한국어판 장인은 도구를 탓하지 않는다지만 더 좋은 도구와 장인이 만나면 어떨까요개인적으로는 업계 분들을 만나면 이렇게 잘 물어봅니다. 어떤 프로그램 쓰세요? UIT개발실의 개발환경을 한번 알아봤습니다! 1. 소프트웨어 어떤 에디터 쓰세요? 능력자분들은 어떤 에디터(또는 IDE)를 쓰는지가 제일 궁금합니다. 에디터/IDE 부문의 1위는 최근 프론트엔드 도구 중 가장 각광받고 있는 웹스톰입니다. 심플하고 강력한 서브라임 더보기…

[스터디] Pro git 2장 – Git의 기초

이 글은 사내 스터디에서 pro git을 진행하며 정리한 글입니다. git 저장소 만들기 git 저장소는 git init 명령어를 사용해 생성한다 $ git init 기존 저장소를 clone하기 리모트 저장소(github)를 클론해서 가져올 수 있다. 클론은 svn의 svn checkout 저장소경로와 비슷하다. git clone 저장소경로 // git clone http://github.com/test/test.git 파일의 생존주기 파일은 크게 untracked, unmodified, 더보기…

middleman으로 프론트엔드 개발 프로세스를 자동화해보자

middleman은 SSG(Static Site Generator) 프레임워크입니다. 가장 많이 알려진 SSG 프레임워크로는 jekyll이 있습니다. github에서 jekyll 엔진을 기본으로 제공하면서 유명해졌죠. SSG 프레임워크의 주기능은 주로 템플릿 관리에 집중되있습니다. 따라서 블로그나 mini-project에서 많이 활용됩니다.   본인도 jekyll을 많이 사용해봤지만 템플릿관리 이상으로 활용하기엔 아쉬운점이 많았습니다. 하지만 middleman 을 써보며 jekyll에서 아쉬웠던 점들을 많이 해소할 수 더보기…

글쓴이 MK,

[JSer.info#번역] 2014-08-04 자바스크립트 주요 소식

traceur-compiler 입문(일본어[구글번역]) ES6 문법으로 작성한 코드를 ES5 문법으로 변경해주는 도구인 Traceur Compiler에 대해 소개합니다. 기본적인 사용법과 ES6의 사양에 대해서 자세히 설명하고 있습니다. ES6의 샘플 코드는 es6features에도 잘 정리돼 있지만, 아래 아티클에서도 Traceur Compiler를 이용해 ES6를 설명하고 있으므로 알아두는 것이 좋을 것 같습니다. es6features를 통해 ECMAScript6을 알게됐다(일본어) 또한 Using ECMAScript 6 더보기…

글쓴이 UYEONG,

괜찮은 이미지 편집툴 사용사례

마크업을 하며 누구나 한번쯤 이미지 편집 노가다를 겪어봤을 것입니다. 특히 스프라이트 이미지를 생성할 때 많이 겪습니다. 포토샵에서 채취한 이미지를 일정한 패턴의 좌표로 표현하기 위해선 많은 수작업이 필요하기 때문입니다. 이 포스트에선 스프라이트 이미지를 쉽게 만든 한가지 사례와 함께 괜찮은 이미지 편집툴 두가지를 소개합니다.   나를 힘들게 한 이미지들… “스마트에디터에 라인스티커 기능을 추가하기” 더보기…

글쓴이 MK,