NTS UIT개발실 기술블로그

CSS로 만들 수 있는 다양한 인터렉션을 소개합니다. 대부분의 내용은 CSS3 내용이지만 모바일에서라면 충분히 도움이 될 거라 믿습니다. 혹은 회사의 클라이언트분들이 ‘우리는 IE10 이상부터 공식적으로 지원하겠습니다.’ 혹은 ‘신규 브라우저에서 사용자의 사용성을 더 좋게 만들면 되지’라는 멋진 생각을 가지고 계신다면, 이 아티클의 더보기…

조은입니다. CSS만 사용하여 레이어를 중앙정렬 하는 몇가지 테크닉을 소개한다. Margin을 이용하는 방법 .layer { position: absolute; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; /* width와 height의 절반만큼 이동 */ } 결과 : {codepen 링크} 더보기…

조은입니다. 요전번에 Github’s CSS라는 아티클에 삘받았는지, Lonely Planet, CodePen, Groupon 같은 많은 외국 기업에서 CSS Coding Style을 릴레이로 공개했는데요. 해당 내용 간단히 공유드립니다. – 바쁘신 분들을 위한 세줄요약 SASS를 (직접 공개한 사람들 기준으로는) 전 기업에서 활용하고 있습니다. 모듈단위로 CSS파일을 쪼개는 더보기…

왜 좋은 IDE를 사용하는가? 프론트엔드 개발자 중 일부는 인공지능적 IDE(통합 개발 환경, Integrated Development Environment)를 싫어합니다.   여러가지 이유가 있을 수 있겠지만 대부분 IDE가 제공하는 편리한 기능에 익숙해지면 자신의 개발 실력이 저하될까봐 두렵다고들 합니다.  만약 이 글을 읽는 여러분도 그렇게 더보기…

개요 Github와 Bitbucket 그리고 Gitlab은 이 README.md 파일을 이용해 저장소의 메인을 보여줍니다.그리고 javascript의 Documentation툴인 JSDoc은 버전 3부터 README.md 파일을 읽어서 문서의 index를 장식합니다. 이렇게 다방면으로 유용하게 쓰이는 README.md 파일은 마크다운 형식으로 작성됩니다. 마크다운은 일련의 작성 규칙(Markdown cheatsheet)이 있습니다. README.md 파일을 더보기…

개요 자바스크립트 개발시 유용하게 사용할 수 있는 웹스톰과 인텔리제이의 세 가지(Parameter info, Quick Definition, Quick Documentation) 기능을 소개할까 합니다.   Parameter Info 자바스크립트는 타입 선언이 없기 때문에 협업시 불편한 점이 많습니다. 대표적인 예로 함수나 객체를 협업 개발자에게 배포하는 경우가 있습니다. 더보기…

WebStorm 9 EAP(Early Access Program) 출시 Node.js 개발 시에도 Live Edit와 Spy-js(자바스크립트 트레이스 도구)를 지원합니다. Spy-js를 이용하면 함수의 처리 시간이나 실행 후의 변수 값과 반환 값 등을 볼 수 있습니다. 실행 후의 값을 알 수 있게 때문에 코드 읽기가 훨씬 더보기…

디자이너, 기획자 등을 대상으로 프론트 엔드 개발을 어떻게 시작해야하는 지 알려주었다. 발표자료를 공유한다. 프론트엔드로 시작하는 웹 개발 방법과 지식들 from Eun Cho 발표 중 라이브 코딩도 했는데, 코딩 내용도 공유한다. https://github.com/transbot/s_140809_FrontEnd