요약 git revision history를 주어진 조건에 맞추어 필터할 수 있게 하는 깃 명령어. 필터를 통해 tree나 각 commit의 정보를 바탕으로 브랜치를 필터할 수 있다. 필터를 아무것도 적용하지 않고 실행한다면 아무 영향이 없을 것이다. 그럼에도 git의 버그등을 고칠 때 사용할 수 는 있다고 한다. rewritten된 his...

RGB 색 표현 방식은 우리의 눈이 색을 인지하는 방식을 모델링합니다. 우리의 시각세포 중 원추세포는 r, g, b의 세기를 감지하여 다양한 색깔을 볼 수 있습니다. 이 방식 그대로 (r, g, b) 의 방식으로 나타낸 것이 RGB 색 표현 방식입니다 각각의 값은 0부터 255 중 하나이며 가장 작은 값은 0, 가장 큰 값은 255가 됩니다. 이...

Vector Spaces 정의. $V$ : a vector space over $\mathbb{F}$ where addition + : $V$ x $V \to V$ $(x, y) \mapsto x+y$ 상수배: $\mathbb{F} \times V \to V, f(a, v) := av$ It satisfies $\fo...

Introduction 어포던스(이하 행동가능성)는 지각심리학과 뗄레야 뗄 수 없는 관계를 가집니다. 어포던스(Affordance) 글에서 알 수 있듯이, 어포던스는 ‘물체가 할 수 있는 것’이어서 사람이 물체를 지각하고 인식해야 의미있는 개념이기 때문입니다. 이런 어포던스는 비단 UI/UX 에서만 사용되지 않습니다. 이번에는 어포던스라는 개념을...

Basic forms of Allocation We can classify memory allocation as either Contiguous Linked Indexed Q. Storage allocation === Memory Allocation? A. Storage is non-volatile(address a block)...

e2e 테스트를 할 때, 각 인풋마다 값을 입력해주는 행동을 하는 함수를 정의했다. 받아온 배열을 forEach를 통해 비동기로 누르도록 했다. 나는 각 배열마다 비동기함수가 순차적으로 진행되는 것을 기대했는데, e2e 결과를 보니 뭔가 순서가 이상했다. 요약 이유: forEach method는 synchronous function만 기대하...

찾아보거나 알게된 배경 Too many modals… 모달을 잘 쓰는 방법과, 모달이 많을 때의 단점을 알아봅니다. 모달이란? A dialog is a modal window that appears in front of app content to provide critical information or ask for a decision. ...

Introduction UI/UX는 중요합니다. 재직 중인 회사에서 작성하는 PR 본문에는 ‘UI 개선, UX 개선’ 이라는 표현을 많이 쓰고 있죠. 우리는 좋은 UX를 위해 노력하는 엔지니어입니다. 이렇게 현업에서 자주 사용하는 단어인 UX에 대해 알아보겠습니다. 또, HCI는 어떤 것일까요? UI는 또 무엇이길래 UX와 자주 엮어서 사용되...

Introduction ‘이 컴포넌트는 어포던스가 낮아요’ ‘어포던스를 높였으면 좋겠어요’ 위계, 가시성이 높으면 어포던스가 높은 것일까. 자주 듣는 이 어포던스를 어떻게 이해하면 좋을까? What is Affordance? An affordance is what an object can do (but not feature!) ...

Introduction 회사를 다니면서, 협업하고 있는 디자이너분과 대화하다보면 ‘시각적인 위계’, ‘버튼의 위계’ 등의 말이 자주 나오게 됩니다. 저는 버튼의 컬러나, border만 수정하면 되는 일이었지만, 왜 버튼의 색이나 border가 어떤 ‘위계’를 만들어주는지 궁금해졌습니다. 버튼의 어떤 요소가 위계를 만드는 것일까요? 요약 디...