디자인 구현을 위한 9가지 원칙 웹 사이트를 구축하는 프로젝트는 보통 '기획-디자인-개발-테스트' 순서로 진행됩니다. 기획자가 사이트를 기획하면 기획서를 바탕으로 디자이너가 디자인을 합니다. 그 후 디자이너가 만든 화면 이미지를 보고 퍼블리셔나 개발자가 HTML을 퍼블리싱하고 프로그램 요소를 추가하게 됩니다. 저는 프로젝트에서 종종 퍼블리싱과 프로그래밍을 동시에 하는 롤을 맡아왔습니다. 디자인된 결과 이미지를 보고 브라우저에서 디자이너가 디자인한 결과물과 동일하게 나오도록 HTML 마크업과 CSS 스타일을 작성합니다. 이러한 작업을 할 때 저는 디자인된 화면과 픽셀 단위까지 동일하게 나오는 것이 중요하다고 생각하고 공을 들이는 편입니다. 최근에는 모 사이트를 기존의 것과 화면은 동일하게 하되, 서버단 일..

안녕하세요 쥬벨롶입니다. 이전에 DJ.VUD님이 작성하셨던 The State of Front-End Tooling - 2015 (바로가기) [프론트 엔드 개발툴 현황]을 이어 2016년도에는 어떠한 개발툴들이 사용되었는지, 작년과 어떻게 달라졌는지, 비교해보면서 트렌드까지 함께 알아보려합니다. 위 차트는 webPonent Chart로 제작되었습니다 2016년도 설문에는 2015년도자 survey 보다 2.3배 더 많은 프론트앤드 개발자들이 설문에 참여하였는데요. 이제 어떠한 결과들이 나왔는지 함께 볼까요? General Front-end Experience & Knowledge (프론트-엔드 개발 경력 및 지식) 지식 CSS JS 초심자 78명 197명 초급개발자 424명 553명 중급개발자 1,243명..

HTML5 간단한 소개 이미지 출처 https://www.powwownow.co.uk HTML5이란 웹 개발 생산성 향상 및 차세대 웹 애플리케이션 플랫폼으로서 더 나은 사용자 경험을 위해 함께 만들어 나가는 개방형 웹 표준이다.2004년부터 전 세계 웹 개발자들이 직접 참여하여 만들어온 표준이기도 하다.HTML5는 HTML4와 비교하기 어려울 정도로 엄청나게 확장된 표준이다. HTML4까지는 웹에서 문서를 표현하고 연결하는 기능에 중점을 두었다면, HTML5 표준은 앱 개발 플랫폼을 목표로 하였기 때문이다. 즉, HTML5에는 멀티미디어 기능으로 비디오, 오디오를 지원하며, 2차원 그래픽 기능인 캔버스 지원 한다. 또한 기존 웹 콘텐츠에서 가장 많이 활용되는 구조를 분석하여 확장 HTML5 Forms ..