hyunko

Information Shadow - 사물인터넷과 정보 디자인

hyunko — Wed, 29 Jan 2020 14:00:15 GMT

"Smart Things: Ubiquitous Computing User Experience Design", Mike Kuniavsky. 2010 의 내용을 정리하였습니다. 이전에는 일상용품에 대한 정보가 사물과 분리되어 있었다. 그러나 최근들어 IT의 발전으로 정보의 세계와 사물의 세계가 통합되고 있다. 이에 대한 핵심 기술은 다음과 같다. 1.

Application의 기본 구조 - MVC 모델과 소프트웨어 구성의 기초

hyunko — Sat, 25 Jan 2020 15:21:59 GMT

프론트엔드와 백엔드 그리고 HTML의 구조를 간단하게 살펴보고, 자신의 웹페이지도 만들어 보았습니다. 그렇다면 실제 우리가 자주 사용하는 앱(application)이나 웹사이트는 어떻게 다를까요? 기본적인 구조에 있어서는 크게 다를 것이 없습니다. 하지만 기능이 많아지고, 환경 조건이 복잡해짐에 따라 세부적인(그러나 정말 큰) 고려 사항들이 기하급

Flexibility-Usability Tradeoff - information 디자인의 딜레마

hyunko — Tue, 21 Jan 2020 13:35:41 GMT

William Lidwell, Kritina Holden, Jill Butler / "Universal Principles of Design" / 2010 의 내용을 참고하여 정리한 글입니다. 유연성-사용성 보상관계(Flexibility-Usability Tradeoff) 란? 시스템의 유연성이 증가하면 사용성은 감소한다. 유연한 디자인은 전문

Information and Data - data와 information

hyunko — Thu, 26 Dec 2019 03:56:04 GMT

"Information Interaction Design: A Unified Field Theory of Design", Nathan Shedroff, 1999 의 내용을 참고하여 정리한 내용입니다. 일상생활에서 사람들은 데이터, 정보, 지식이라는 단어를 혼용하는 것을 볼 수 있습니다. 심지어 디자인을 할 때에도 많은 사람들이 이들의 차이점을 재대

웹페이지 만들어보기 - 자신만의 웹 페이지 & 웹 포트폴리오 무료로 만드는 방법

hyunko — Mon, 23 Dec 2019 13:45:30 GMT

HTML, CSS, JavaScript가 무엇인지 이해하고, 웹 페이지가 어떻게 만들어지는지 이해했다면, 자신의 웹사이트도 만들 수 있습니다. 물론 제대로된 기능의 웹 페이지를 만들기 위해서는 php, python, JSP 등을 활용한 백엔드 작업과 SQL을 활용한 DB 작업도 필요합니다. 하지만 간단한 웹 페이지는 HTML과 CSS만으로도 충분히 만들

Graphical Perception - 정보디자인의 응용

hyunko — Mon, 23 Dec 2019 04:29:37 GMT

"Graphical perception: theory, experimentation, and application to the development of graphical methods", William S. Cleveland, Robert McGil, Journal of the American Statistical Association, 1984 의 내

Information Design - Infographicr과 Information Visualization

hyunko — Sat, 21 Dec 2019 04:47:21 GMT

The Functional Art 인포그래픽과 데이터 시각화 기법을 활용한 스토리텔링, Alberto Cairo, 최가영 역, 위키북스, 2013 위의 책을 참고하여 정리한 내용입니다. 온라인 서비스에서 '콘텐츠', '스토리텔링'의 중요도가 점점 높아지는 상황에서 정보디자인이 무엇인지 그 핵심을 잘 설명해주는 내용인 것 같습니다. Infographic

Web과 HTML - HTML, CSS, 그리고 JavaScript

hyunko — Sat, 21 Dec 2019 04:46:56 GMT

앞서 프론트엔드와 백엔드를 설명하는 포스팅을 하면서 HTML, CSS, JavaScript에 대해서 따로 설명하지 않고 넘어갔습니다. 이번 포스팅에서는 이들 언어가 어떤 역할을 하는지 그리고 웹과 어떻게 관계하고 있는지에 대해서 알아보겠습니다. HTML(Hyper Text Markup Language) : 웹 페이지의 문서를 작성하기 위한 기본 언어(T

Front-End & Back-End - 웹에서 프론트엔드와 백엔드의 차이

hyunko — Fri, 20 Dec 2019 09:34:26 GMT

프론트엔드(Front-End) : 소프트웨어의 표현 계층(Presentation Layer) 백엔드(Back-End) : 소프트웨어의 데이터 계층(Data Access Layer) 클라이언트(사용자가 사용하는 데스크탑, 노트북, 스마트 폰 등) <----> 서버 모델에서 일반적으로 클라이언트 부분을 프론트엔드로, 서버 부분을 백엔드로 간주하기도 합니

Layout 기본 원리 - 웹 디자인의 기초가되는 레이아웃 구성

hyunko — Fri, 20 Dec 2019 09:26:15 GMT

웹을 위한 효과적인 디자인과 레이아웃, Jerry Glenwright, 이원제 역, 디자인하우스, 2002 위의 책을 참고하여 정리한 내용입니다. 꼭 웹 디자인에서 뿐만 아니라 출판물에서도 참고할만한 아주 기초적인 이론인 것 같습니다. 한 페이지를 구성하는 레이아웃의 요소가 무엇이든지 간에, 기능과 미학 둘 다를 성공시키기 위해서는 강조할 부분을 적절

진로, 전공, 그리고 동기 - 알고 싶지만 알기 힘든 자신의 이야기

hyunko — Sat, 08 Jun 2019 02:22:46 GMT

"물리학, 생물학, 고고학이라는 것이 있다는 믿음, 그리고 이런 '연구' 혹은 '학문'이 연구 주제별로 구별될 수 있다는 믿음은, 이론이 연구 주제를 정의하는 것에서 시작된다고 믿었던 구시대의 잔재처럼 보인다. 하지만 연구 주제는 학문 분야를 구분하기 위한 기반이 되지 않는다. 그러한 모든 분류와 구분은 피상적이고 덜 중요하다. 우리는 어떤 주제를 연구하는