개발 공부 일지/[도서] IT_개발13 [사용자의 마음을 움직이는 UX 디자인의 힘] - 김동후 사용자의 마음을 움직이는 UX 디자인의 힘이 책 『사용자의 마음을 움직이는 UX 디자인의 힘』은 에이전시, 스타트업, 대기업을 두루 경험한 현업 UX 디자이너의 현장 실무 에세이다. 이 책은 실제 UX 디자인 프로젝트를 진행하면서 겪게 되는 UX 디자이너의 고민과 생생한 경험담을 리얼하게 들려준다. 현업 디자이너들에게는 이 책은 자신들의 가려운 곳을 시원하게 긁어주고, 다양한 조직 안에서 UX 디자인의 실행 프로세스가 어떻게 작동되는지 간접 체험하는 기회를 준다. 장래에 UX 디자이너저자김동후출판맹그로브숲출판일2021.02.22 UX라는 용어는 주변에서 많이 접하고 들어봤지만, '경험 디자이너'는 꽤나 생소한 직군인 듯하다.책에서도 언급하지만 경험 디자인을 '다학제적' 분야라고 한다. 디자인, 공학, 인.. 2025. 6. 10. [전략적 UX 라이팅] - 토레이 파드마저스키 전략적 UX 라이팅이 책은 세계 최초로 UX 라이팅의 전략적 프로세스를 체계적으로 다루고 있으며, UX 라이팅을 통해 어려운 언어를 누구나 이해할 수 있도록 쉬운 언어로 개선하고, 브랜드의 차별화된 디지털 정체성을 만드는 전략을 안내한다. 비대면 채널에서 서비스를 이용하는 사용자의 상당수가 복잡한 절차와 어려운 안내 메시지 등 나쁜 UX 라이팅 때문에 서비스 경험을 중도에 포기해버린다. 간결하고 명확하며 유용한 텍스트를 통해 사용자의 다음 행동을 쉽고 자연스럽게 이끄는저자토레이 파드마저스키출판유엑스리뷰(UX REVIEW)출판일2022.01.28 - 책을 읽게 된 동기프론트엔드 개발자로 첫 발을 딛게 되면서, 단순히 웹페이지를 생산해내는 것을 넘어, 사용자 경험을 위한 디자인 또는 설계는 어떤 것일까 하는.. 2025. 5. 26. [코어 자바스크립트] 클래스 자바스크립트는 프로토타입 기반 언어이기에 '상속' 개념이 존재하지 않는다그러나 클래스의 동작 방식을 흉내내는 여러 기법이 탄생했고, ES6에서는 (프로토타입을 기반으로 구현한) 클래스가 등장했다.클래스는 일종의 공통 집합의 개념으로 이해하면 된다. 다만 현실세계에서는 이미 실존하는 것들의 공통 성질로 집합을 만든다면, 프로그래밍 언어에서는 클래스를 먼저 정의하고 그로부터 파생되는 개체(인스턴스)를 생성할 수 있다. 생성자 함수 Array 를 new와 함께 호출하여 생성한 인스턴스는 체이닝에 의해 생성자 함수의 prototype 프로퍼티를 참조한다.생성자 함수를 일종의 클래스라고 하면, Array 의 prototype 객체 내부의 요소들이 인스턴스에 상속된다고 볼 수도 있다. (엄밀히는 아니지만 결과.. 2025. 3. 10. [코어 자바스크립트] 프로토타입 프로토타입마지막 챕터인줄 알았는데 아니었다 ㅎ ㅎ자바스크립트는 프로토타입 기반 언어라고 하는데, 그동안 개발 공부하면서 이에 대해 들을 기회가 딱히 없었다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain 상속과 프로토타입 - JavaScript | MDNJavaScript는 동적 타입이고 정적 타입이 없기 때문에, (Java 또는 C++와 같은) 클래스 기반 언어에 경험이 있는 개발자에게는 약간 혼란스럽습니다.developer.mozilla.orgMDN에서 클래스 기반 언어 경험이 있는 개발자는 혼란스러울수도 있다고 하는데 나는 처음이니 혼란스러울게 없어서 럭키 비키 잖아? 🍀어떤.. 2025. 3. 10. [코어 자바스크립트] 클로저 활용 사례 클로저는 다양한 곳에서 광범위하게 활용된다.'외부 데이터' 흐름에 주목하며 살펴보기클로저 활용 사례① 콜백함수 내부에서 외부 데이터 사용② 정보 은닉③ 부분 적용 함수④ 커링 함수① 콜백함수 내부에서 외부 데이터 사용- 대표적인 콜백함수 : 이벤트 리스너[ver.1]var fruits = ["apple", "banana", "peach"]var $ul = document.createElement("ul");fruits.forEach(function(fruit){ ------ (A) 외부함수 var $li = document.createElement('li'); $li.innerText = fruit; $li.addEventListener('click', function.. 2025. 3. 4. [코어 자바스크립트] 클로저 개념 클로저클로저는 자바스크립트 고유의 개념은 아니고, 여러 함수형 프로그래밍 언어에서 보편적으로 나타나는 특성이다. - 함수 선언시 만들어지는 유효 범위가 사라진 후에도 그것을 호출할 수 있는 함수- 생명주기 상 끝난 외부함수의 변수를 참조하는 함수 어떤 함수 내부에서 선언된 함수 호출 시 활성화되는 실행 컨텍스트의 L.E (Lexical Environment) 객체는 ┌ environment Record : 식별자 수집 -> 호이스팅 └ outer Environment Reference : 스코프 체인으로 이루어지는데 그 중 outer Environment Reference 가 함수가 선언되는 환경, 즉 외부 함수를 참조한다.function A(){ var a = 10; function B (){ .. 2025. 3. 4. 이전 1 2 3 다음
