WIT – NTS UIT Blog

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

Posted by in Environment

日本語版한국어판 장인은 도구를 탓하지 않는다지만 더 좋은 도구와 장인이 만나면 어떨까요개인적으로는 업계 분들을 만나면 이렇게 잘 물어봅니다. 어떤 프로그램 쓰세요? UIT개발실의 개발환경을 한번 알아봤습니다! 1. 소프트웨어 어떤 에디터 쓰세요? 능력자분들은 어떤 에디터(또는 IDE)를 쓰는지가 제일 궁금합니다. 에디터/IDE 부문의 1위는 최근 프론트엔드 도구 중 가장 각광받고 있는 웹스톰입니다. 심플하고 강력한 서브라임 텍스트가 2위, 국산 에디터인 에디트 플러스가 3위 입니다. 그 뒤로는 vim을 쓰는 매니아 분들도 계시구요. 웹스톰과 형제인 intellij와 은둔고수 드림위버, 무료 에디터 노트패드++, IDE의 고전 이클립스, 마이크로소프트의 비주얼 스튜디오까지 사용하고 계시네요. 에디터들은 각자의 장단점이 있습니다만 좋은 점을 잘 골라서 쓰는게…read more

5

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

Posted by in Environment, Tech

이 글은 사내 스터디에서 pro git을 진행하며 정리한 글입니다. git 저장소 만들기 git 저장소는 git init 명령어를 사용해 생성한다

기존 저장소를 clone하기 리모트 저장소(github)를 클론해서 가져올 수 있다. 클론은 svn의 svn checkout 저장소경로와 비슷하다.

파일의 생존주기 파일은 크게 untracked, unmodified, modified, staged 영역을 거친다. untracked : 파일이 있으나 한번도 add 되지 않음. unmodified : 파일을 add 하여 commit을 1회 이상 한 이후, 수정사항 없음 modified : 바로 위 케이스에서 수정사항 있음 staged : git add한 상태 파일의 상태 확인하기

위 명령어를 -s를 사용해 축약형으로 확인할 수 있다….read more

0

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

Posted by in Environment, Research

middleman은 SSG(Static Site Generator) 프레임워크입니다. 가장 많이 알려진 SSG 프레임워크로는 jekyll이 있습니다. github에서 jekyll 엔진을 기본으로 제공하면서 유명해졌죠. SSG 프레임워크의 주기능은 주로 템플릿 관리에 집중되있습니다. 따라서 블로그나 mini-project에서 많이 활용됩니다.   본인도 jekyll을 많이 사용해봤지만 템플릿관리 이상으로 활용하기엔 아쉬운점이 많았습니다. 하지만 middleman 을 써보며 jekyll에서 아쉬웠던 점들을 많이 해소할 수 있었습니다. middleman은 jekyll보다 더 풍부한 기능들을 제공하고 Custmizing이 쉬운 장점을 갖고 있습니다. 가장 매력적인건 다양한 전처리 파일 build를 지원합니다.   지금부터 middleman을 저의 프론트엔드 개발 프로세스에 활용한 사례를 소개드립니다.     내가 생각하는 프론트엔드 개발 프로세스   최근 프론트엔드 개발…read more

0

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

Posted by in Environment

traceur-compiler 입문(일본어[구글번역]) ES6 문법으로 작성한 코드를 ES5 문법으로 변경해주는 도구인 Traceur Compiler에 대해 소개합니다. 기본적인 사용법과 ES6의 사양에 대해서 자세히 설명하고 있습니다. ES6의 샘플 코드는 es6features에도 잘 정리돼 있지만, 아래 아티클에서도 Traceur Compiler를 이용해 ES6를 설명하고 있으므로 알아두는 것이 좋을 것 같습니다. es6features를 통해 ECMAScript6을 알게됐다(일본어) 또한 Using ECMAScript 6 today에서 ES6에서 구현될 기능을 소개하고 있으며 es6-tools에서는 ES6와 관계있는 도구를 정리 및 소개하고 있습니다. 하지만 ES6를 처음 접하는 분은 이해하기 힘들 수 있습니다. 관심 있는 분은 한번 읽어보세요.   Eloquent JavaScript의 두 번째 버전 무료로 읽을 수있는 JavaScript 도서 인…read more

0

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

Posted by in Environment

마크업을 하며 누구나 한번쯤 이미지 편집 노가다를 겪어봤을 것입니다. 특히 스프라이트 이미지를 생성할 때 많이 겪습니다. 포토샵에서 채취한 이미지를 일정한 패턴의 좌표로 표현하기 위해선 많은 수작업이 필요하기 때문입니다. 이 포스트에선 스프라이트 이미지를 쉽게 만든 한가지 사례와 함께 괜찮은 이미지 편집툴 두가지를 소개합니다.   나를 힘들게 한 이미지들… “스마트에디터에 라인스티커 기능을 추가하기” 프로젝트를 진행했습니다. 라인스티커는 캐릭터별로 종류가 굉장히 많죠? 네트워크 과부하를 줄이기 위해선 당연히 스프라이트 이미지를 사용해야합니다. 디자이너분은 캐릭터별로 스티커를 이쁘게 만들어주셨죠. 문제는 각 스티커마다 이미지 사이즈가 달랐던 것입니다. 위 이미지들로 키버튼을 만들어야하는데 이미지 사이즈가 각각 다르니 일정한 패턴의 좌표값을 사용할 수…read more

0