WIT – NTS UIT Blog

CSSCONF 참관후기 #2

Posted by in Conference

CSSCONF 참관후기 #1에서 이어집니다. # 최신 CSS 스펙에 관한 주제 7. CSS4 Grid: 마침내 등장한 진정한 레이아웃(True Layout Finally Arrives) FlexBox: 이제는 그리드 시스템을 파야할 때(It’s Time to Ditch The Grid System) Grid / Flexbox 발표영상 바로가기 Grid / Flexbox 슬라이드 바로가기 과학의 힘으로 수억 마일 밖의 혜성에도 탐사선이 정확하게 착륙하는 시대이지만, 여전히 모던 웹 디자인 분야에서 CSS로 요소를 알맞게 정렬하는 일은 힘들기만 합니다. 웹 디자인에서 두 번째로 시간 낭비를 많이 하게 되는 부분이 바로 처음에는 flexbox로 레이아웃 짜기를 시도했다가 현실의 한계에 부딪혀 그만두고 float으로 돌아가는 것이라고 합니다. 하버드 대학교에서 디지털 미디어에 대한 강의를…read more

CSSCONF 참관후기 #1

Posted by in Conference

2016년 9월 미국 보스턴에서 진행된 CSSCONF 참관기를 공유합니다. 배영, 김세희님이 실을 대표해 참관해 주셨고, 본 후기를 직접 작성해 주셨습니다. 내용이 다소 길어 2편으로 작성합니다. 컨퍼런스 소개 CSSConf는 OOCSS로 유명한 니콜 설리반(Nicole Sullivan)이 주축이 되어 2013년 미국에서 첫번째로 개최되었습니다. 그 후로는 유럽, 호주, 아시아 등 세계 곳곳에서 열리고 있습니다. 컨퍼런스 대상은 세상에서 가장 멋진 UI 개발을 위해 노력을 마지않는 디자이너와 개발자입니다. 각 세션 발표자들은 참석자들에게 CSS 관련 각종 최신 기술과 테크닉, 툴에 관한 설명을 해줌으로써 가능한 최대로 CSS의 사용성을 높이고자 하는 목표를 가지고 있습니다. 저희는 이번에 보스턴에서 이틀동안(9/26-27) 열린 CSSConf US에…read more

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

Posted by in Research

DaliyJS 설문 공개 매년 이 시기에 DaliyJS에서 시행하는 설문인 JavasScript Developer Survey 2014 결과가 공개됐습니다. 매년 조금씩 질문 및 응답 방식이 변경되므로 단순 비교는 어려울 수 있으나, 작년 Grunt에 대한 응답이 가장 많았던 빌드 도구에 대한 설문은 올해 Gulp가 35%, Grunt가 47%로 집결되는 등 흥미로운 변화를 알 수 있습니다. 자세한건 아래 문서를 참고해주세요 2014-survey-summary.pdf 무섭지 않아, Protractor(일본어) 무섭지 않아 Protractor(일본어[구글번역])에는 Protractor라고 하는 E2E 테스트 도구가 어떤 방식으로 WebDriverJS를 사용하여 테스트 하는지 작성돼 있습니다. 테스트 시 Selenium으로 브라우저를 조작하기 때문에 실제 결과를 얻기까지 소요 시간이 있고, assert할 타이밍을 잡기가 어려우며 비동기인…read more

1

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

Posted by in Research

Firefo 34.0 릴리즈 Firefox 34.0이 릴리즈 됐습니다. 개발자 도구에 localStorage inspector, console.table() 등이 추가됐고,  profiler 도구가 개선됐습니다. 그리고 jQuery events를 대응합니다. 자세한 것은 아래 문서를 참고하세요. WebIDE, Storage inspector, jQuery events, iframe switcher + more – Firefox Developer Tools Episode 34 또한 CSS Fonts Level 3 시범적으로 적용됐고, template string 등 ES6의 기능이 구현 됐습니다. Firefox 34 for developers QUnit 1.16.0 릴리즈 자바스크립트 테스트 라이브러리 QUnit 1.16.0이 릴리즈됐습니다.  코드를 리팩토링했고 done() 스타일의 비동기 테스트와 Promise 테스트 지원하는 등 QUnit 2.x를 위한 여러 사항이 반영됐습니다. 2.0에서 바뀌는 부분은 「QUnit 2.x에서 바뀌는…read more

0

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

Posted by in Research

DaliyJS 앙케이트 올해도 역시 DailyJS의 자바스크립트 개발자 앙케이트가 시작됐습니다. JavaScript Developer Survey 2014에서 어떤 목적으로 자바스크립트를 사용하는지 또, 사용하는 라이브러리나 테스트 등에 대해 조사 하고 있습니다. 2010년(JavaScript Developer Survey 2010) 부터 지속적으로 시행하고 있는 설문 조사입니다. 여력이 되다면 꼭 참가 합시다. The State of JavaScript in 2015 The State of JavaScript in 2015(한국어) 아티클에는 라이브러리와 기술 변화에 어떤 자세로 임해야할지 작성돼 있습니다. AngularJS 2.0은 지금과 완전히 다르며 트랜드를 따라가는건 부질없고 대기업이 지원한다고 해서 기대할 필요도 없다고 말하고 있습니다. 대도록 AngularJS나 Ember 같은 단일체 프레임워크를 사용하지 말고 레이어에 전문성을 가진 라이브러리를…read more

0

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

Posted by in Research

Chrome 39 릴리즈 Chrome 39가 릴리즈 됐습니다. 구현된 기능은 베타 릴리즈 노트를 참고해주세요.  ES6 Generator가 기본으로 활성화 됐고 Web Application Manifest 대응, Beacon API(한국어)가 구현됐습니다. 그리고 Web Animations 구현이 진행되고 있습니다. 보통 XHR을 사용한 비동기 통신 시 페이지를 종료하면 요청을 신뢰할 수 없지만 Beacon API를 사용하면 백그라운드로 요청하기 때문에 UI를 블로킹하지 않으면서 요청을 신뢰할 수 있습니다. 예를 들어 링크 클릭을 로그로 쌓기 위해 리스너에서 기본 이벤트를 중지시키고 XHR 요청 후 페이지 전환을 해야 했지만 Beacon API를 사용하면 단순히 navigator.sendBeacon으로 요청하면 보내면 됩니다. Modern Debugging Experience: Part 2 개발자 도구를 사용한…read more

0