프론트엔드개발자를 위한 UX 책 이야기
생각해 보면 95년의 어느 날, 친구들의 심드렁한 반응에도 불구하고 ‘이것봐. 이게 하이퍼링크래’라면서 흥분하던 순간이 내 앞날을 결정하지 않았을까. 웹에 재미를 들이다가, 웹 문서를 작성하는 소프트웨어를 만들기 시작했고, 그 소프트웨어를 더 잘 만들기 위해서 사용자 인터페이스(UI, User Interface), 나아가서는 사용자 경험(UX, User 더보기…
생각해 보면 95년의 어느 날, 친구들의 심드렁한 반응에도 불구하고 ‘이것봐. 이게 하이퍼링크래’라면서 흥분하던 순간이 내 앞날을 결정하지 않았을까. 웹에 재미를 들이다가, 웹 문서를 작성하는 소프트웨어를 만들기 시작했고, 그 소프트웨어를 더 잘 만들기 위해서 사용자 인터페이스(UI, User Interface), 나아가서는 사용자 경험(UX, User 더보기…
우선 이야기를 시작하기에 앞서, 이전에 작성했던 코드를 다시 한 번 살펴보자. 아래는 모델 코드다. 모델 코드는 테스트 코드에 대응하는 실제 구현 코드를 말한다. function VendingMachine() {}; VendingMachine.prototype = { _htProducts : { “Coke” : “Coke”, “Sprite” : “Sprite”, “Orange 더보기…
W3C의 터치 이벤트 지금까지 HTML 및 Javascript 등의 웹 표준 기술은 마우스와 키보드만 고려한 사용자 인터페이스 이벤트만 지원했습니다. 그러나 스마트폰이나 태블릿 등의 보급으로 화면을 손가락이나 펜으로 조작하는 일이 많아지면서 멀티 터치 조작과 같은 마우스 및 키보드와는 다른 형식의 조작을 감지 더보기…
speech Input은 현재 Chrome(Google)에서 제공하고 있는, Input의 새로운 방법으로 Mic를 사용할 수 있도록 하는 Input이다. 사용법은 하기와 같다. <input type=”text” x-webkit-speech> Speech Input은 Chrome 브라우저에서만 작동하는데, 그 이유가 궁금했다. 관련된 내용을 찾다가, Android 개발자 페이지에서 재미있는 내용을 찾았는데, (이게 웹 더보기…
원문 출처 : ECMA-262-3 in detail. Chapter 5.Functions. by Dmitry Soshnikov 소개(Introduction) 이번 글에서는 ECMAscript의 객체 중에 하나인 함수(Function)를 알아보고, 함수에는 어떠한 것들이 있는지 설명한다. 함수가 콘텍스트의 변수 객체(Variables object)에 어떠한 영향을 미치며, 각 함수의 스코프 체인에는 무엇이 더보기…
얼마 전에 끝난 프로젝트를 통해서, 느낀 점 하나가 테스트 코드의 필요성이다. 솔직하게 말하자면 단위 테스트를 하나도 작성하지 않았다. 프로토타이핑이나 해 볼 생각이었는데 일정(물리적 일정보다는 심리적 일정에 더 가까웠음)에 쫓겨서 이 코드가 바로 제품이 되어버리는 바람에 그랬어요 라고 말하고 싶지만, 더보기…