Skip to content

  • 웹디자인
    [2019년 8월 웹 개발 동향] 강한 팀과 윤리적 데이터 센스메이킹
    모든 사람은 저마다 각자의 자리와 능력이 있습니다. 팀은 스타만으로 구성되는 것이 아니므로 팀원과 팀의 가치를 응원하고 지지하는 사람과 함께하려는 마음이 필요합니다. 사람들은 빠른 소프트웨어를 선호하고 구매하기 때문에 속도는 비즈니스 성공에도 중요한 요소입니다. 웹사이트 성능을 높이기 위해 아이프레임(iframe)을 섀도DOM(ShadowDOM)으로 바꾸게...
  • 웹디자인
    [2019년 7월 웹 개발 동향] 최신 기법과 착한 말썽
    이달 웹 개발 동향에서는 파이어폭스 68, 크롬 76의 새로운 업데이트 소식과 점잖은 방식으로 세상을 바꾸어놓을 수 있는 프랭크 키메로의 ‘착한 말썽’에 대해서도 살펴봅니다. 파이어폭스 68에는 자바스크립트에 BigInt, 개발자 도구에 접근성 검사기, CSS 스크롤 스냅과 마커 스타일이 추가되었고 메서드, URL, 매개변수, 헤더를 편집하지 않고도 개발자...
  • 웹디자인
    [2019년 6월 웹 개발 동향] 사용자 참여와 프라이버시 다시 생각하기
    더 나은 웹 환경을 만들기 위해 어떻게 기여할 수 있는지, 우리의 작은 행동이 어떻게 영향을 줄 수 있는지 생각해야 합니다. 사파리가 새로운 지능형 추적 방지 기능을 도입하고 이를 기본값으로 설정했고, 파이어폭스 역시 강화된 추적 방지 기능을 기본값으로 설정했습니다. 과거에는 국가 권력만이 개인정보 관련 데이터에 접근할 수 있었습니다. 개인정보, 즉 프...
  • 콘텐츠전략
    로봇과의 대화 : 음성 검색과 스마트 에이전트, 구조화된 콘텐츠 사례
    구조화된 콘텐츠는 스마트 에이전트나 음성 검색의 결과를 좌우합니다. 사용자가 음성 검색을 통해 정보를 찾을 때도 콘텐츠 구조화 정도에 따라 검색 결과가 달라집니다. 구조화가 잘 갖추어져 있지 않은 페이지는 사용자를 경쟁사로 빠져나가게하는 계기가 될 수도 있습니다. 이 기사에서는 구조화된 콘텐츠 형태를 소개하고 이를 적용해보고 적용하지 않은 사례와 차근차근 ...
  • 웹디자인
    그리드 완벽 가이드
    CSS 그리드 레이아웃은 CSS 레이아웃 시스템 중 최강이라 할 수 있습니다. 플렉스박스와 달리 열과 행을 다룰 수 있는 2차원 시스템입니다. 우리는 레이아웃에 CSS를 사용하지만 생각만큼 쉽지 않습니다. 플렉스박스는 유용하지만 2차원 레이아웃이 아니기 때문에 한계에 부딪히기도 합니다. 여러분이 구상한 웹 페이지가 CSS 단 몇 줄만으로 다양하게 구현되...
  • 웹디자인
    [2019년 5월 웹 개발 동향] 지나치게 복잡해진 제품 디자인과 보여주기식 일 중독
    최근에 저는 ‘비욘드텔에런드beyondtellerrand’라는 정말 환상적인 콘퍼런스에 다녀왔습니다. 이런 세미나를 다녀올 때마다 우리 산업과 커뮤니티가 발전하고 있다는 생각이 듭니다. 여기저기서 많은 조언과 영감을 얻고, 1년에 한 번밖에 보지 못하는 많은 친구와 사람들을 만나며, 훌륭한 발표를 듣습니다. 사람들은 자신들의 일에 얼마나 좌절했는지 이야기하...
  • 사용자경험
    《사람을 배려하는 디자인》 저자 인터뷰
    여러분이 제작한 제품 디자인에는 사용자를 배려한 흔적이 있나요? 사용자를 생각하고 마음을 헤아려 디자인하는 태도에 관한 내용이 올해 초 출간된 《사람을 배려하는 디자인》에 담겨 있습니다. 저자의 경험담이 실린 1장부터 사용자를 생각하는 디자이너의 고뇌가 느껴지는 책이죠. 저자 에릭 마이어는 CSS의 대가로 불리며 HTML과 웹 분야에서도 세계적으로 인정받는...
  • 웹디자인
    [2019년 4월 웹 개발 동향] 디자인 윤리 그리고 비주얼보다 명확성을 중시하는 디자인
    디자인 윤리, 기술 윤리, 비즈니스 윤리를 지키기 위해서는 모두의 노력이 필요합니다. 마땅히 도리를 지키며 더 나은 제품을 만들 수 있는 방법은 무엇인지 소개합니다. 디자이너는 본인의 작업물에 책임이 있습니다. 디자인 본연의 메시지를 제대로 전달하기 위해서는 비주얼보다는 명확성에 집중해야 합니다. 명확한 디자인을 위해서는 무엇이 필요한지 알아보고 비주얼...
  • 웹디자인
    [2019년 3월 웹 개발 동향] 리액트 훅스, 컨스트럭터블 스타일 시트, CSS 단편화 등
    구글이 컨스트럭터블 스타일 시트(Constructable Stylesheets, 객체로 생성하는 스타일 시트)라는 새로운 기법을 제시했습니다. 크롬 버전 74 개발자 도구에 새 기능을 추가하여 이제 CSS 속성에 영향을 받는 모든 요소를 확인할 수 있다고 합니다. CSS의 대가 레이철 앤드루가 CSS 단편화를 소개합니다. 인쇄물이나 전자책에서 사용하는 페이...
  • 웹디자인
    웹사이트 성능을 개선해 지구를 구하는 방법
    인터넷은 전기를 많이 사용하지 않는다고 생각합니다. 전기는 어디선가 생산돼야 합니다. 이는 대부분의 국가에서 화석 연료를 태운다는 뜻입니다. 이는 결국 인터넷 탄소 발자국이 전 세계 항공 여행으로 발생하는 탄소 발자국을 넘어설 정도로 커졌고, 인터넷을 지구상 가장 큰 석탄 연소 기계로 만들고 있음을 의미합니다. 웹사이트를 만들며 지구를 구하는 방법을 확인해...


맨위로