JavaScript
ADVERTISEMENT
-
코드
타입스크립트에서 동적·정적 타입 사용하기
자바스크립트는 웹 애플리케이션을 만들 때 기본이 되는 언어로 초심자에게는 접근성이 좋고, 숙련자에게는 생산성을 높여줍니다. 그만큼 유연하고 프로그램을 실행시키는 런타임에 크게 제약이 없다는 특징이 있습니다. 주의할 점은 실수나 오타, 프로그래밍상 오류에 더더욱 주의가 필요하다는 것입니다. 개발자라면 누구나 프로그램 실행 전에 버그가 발견되기를 바랄 것입니... -
디자인
CSS 개발자 지정 속성으로 색상 만들기
그동안 개발자들은 전처리기 변수나 자바스크립트 방식으로 프로젝트 색상을 구성했습니다. 최근에는 많은 개발자가 실시간으로 작업이 가능하고, 상속 및 값을 재정의할 수 있는 캐스케이드 모델을 지원하는 장점 때문에 색상 변수를 구성할 때 'CSS 개발자 지정 속성(CSS Custom Properties)' 방법을 선호합니다. -
코드
디자이너는 어떻게 코드를 배우나?: Part Ⅱ
지난 1부에서는 터미널의 기본을 알려주고, 코딩 시작을 위해 생산적인 팁과 코드 편집기 선택 요령에 대해 설명했습니다. 2부에서는 깃과 같은 버전 관리 시스템를 비롯해 HTML, CSS, 시맨틱 코드와 주요 엔지니어링에 대해 소개합니다. -
코드
디자이너는 어떻게 코드를 배우나?: PartⅠ
디자인이란 아름다운 목업을 만드는 과정이 아니다. 최종 사용자에게 직관적이고 잘 작동하는 경험을 전달해줄 수단을 만드는 작업이다. 사용자에게 최상의 경험을 제공할 최고의 디자인을 완성하기 위해서는 웹디자인의 원재료인 코드에 대해 알아야 한다. 코딩과 엔지니어링은 별개이다. 코딩은 작업에 필요한 프로그래밍 언어에 익숙해지는 것을 의미한다. 코딩을 통해 디자이... -
웹디자인
[2019년 3월 웹 개발 동향] 리액트 훅스, 컨스트럭터블 스타일 시트, CSS 단편화 등
구글이 컨스트럭터블 스타일 시트(Constructable Stylesheets, 객체로 생성하는 스타일 시트)라는 새로운 기법을 제시했습니다. 크롬 버전 74 개발자 도구에 새 기능을 추가하여 이제 CSS 속성에 영향을 받는 모든 요소를 확인할 수 있다고 합니다. CSS의 대가 레이철 앤드루가 CSS 단편화를 소개합니다. 인쇄물이나 전자책에서 사용하는 페이... -
웹디자인
HTML5 입력 양식: 어디쯤 왔을까?
HTML5는 새로운 입력 양식 13종을 선보이며 웹 디자이너와 개발자가 양식에 추가할 수 있는 필드의 수를 크게 늘렸습니다. 필드를 통해 얻는 데이터의 종류를 더 구체적으로 지정할 수 있는 type 속성에 새로운 값을 도입했죠. 이때 브라우저는 사용자가 필드를 정확하게 완료하는 데 필요한 인터페이스와 유효성 검증을 제공하기로 약속했습니다. HTML5는 여전... -
웹디자인
[2019년 1월 웹 개발 동향] 습관을 다시 생각하고 새로운 해결책 찾기
크롬이 특정 네이티브 앱의 설치 여부를 감지할 수 있는 getInstalledRelatedApps라는 API를 개발 중입니다. 방문자에게 홍보 배너가 보이는 것을 중단할 수 있다니 방문자에게는 좋은 소식이지만 광고 제공자에게는 조금 슬플 수 있겠네요. 후디니와 페인트 API로 구현할 수 있는 '슈퍼 언더라인'도 흥미롭습니다. 후디니는 브라우저가 이해할 수 ... -
웹디자인
[2018년 11월 웹 개발 동향] JIT 디자인, 가변 폰트를 위한 폴백 구현, 자바스크립트 개발자가 알아야 할 33가지
디자인이 웹사이트에 관한 인식과 사용자에게 미치는 영향은 얼마나 될까요? 요즘처럼 디자인이 모든 차이점을 만들어내는 시기에 구글 머티리얼 디자인 킷(Google Material Design Kit)처럼 통일된 디자인을 가진 표준 모델은 점점 그 영향력을 잃고 있습니다. 물론 표준 모델을 사용하면 기술 측면에서는 괜찮은 디자인을 얻을 수 있겠죠. 하지만 ..... -
사용자경험
[2018년 10월 웹 개발 동향] - 기후 변화에 대응하는 디자인, RAIL 성능 모델, 원격 근무의 부작용
기후 변화와 웹디자인의 상관관계는 없을 것 같지만 절대 그렇지 않습니다. 미국에 허리케인 플로렌스가 상륙했을 때 CNN, NPR 미디어는 텍스트로만 구성된 뉴스를 제공함으로써 접근성이 떨어지는 사용자를 위해 대역폭과 배터리 소모를 줄여줬습니다. 안드로이드 폰이 꺼진 상황에서도 구글이 수집하는 모바일 데이터는 무엇인지, 우리가 지켜야 할 프라이버시에 대해서도... -
웹디자인
[2018년 9월 웹 개발 동향] 프로젝트 기획할 때 어려운 점, PHP 7.0 곧 출시, 접근성의 진정한 의미
크롬 70의 베타 버전을 시작으로 브라우저 업데이트 이슈가 굉장합니다. 웹에서 할 수 있는 기능 요소가 점점 더 확장하고 있는 최근의 웹 환경에서는 더 적은 코드로, 더 빠르고 쉽게 서비스할 수 있을 것입니다.
ADVERTISEMENT