찾아보거나 알게된 배경 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가 어떤 ‘위계’를 만들어주는지 궁금해졌습니다. 버튼의 어떤 요소가 위계를 만드는 것일까요? 요약 디...

개요 유리의 디자인적인 특성을 이용하는 스타일. 오브젝트에 반투명, 또는 투명한 느낌을 주어 유리에 비치는 듯하게 하는 디자인 스타일을 말한다. Window Vista와 macOS에서 Acrylic 이라는 이름으로 사용되어 많은 인기를 끌게 되었다. 당장 mac의 아래 부분도 글래스모피즘이 적용되었다. Acrylic material - Window...

찾아보거나 알게된 배경 다음 TIL에서 알아보겠다고 했기 때문에 내 자신과의 약속을 지키기 위해서. 기존에는 border-radius가 어떤 값을 넣어야 어떻게 표시되는지에 대해서만 알아보았고, 각 숫자가 어떻게 계산되어 화면에 그려지는지 알아보도록 하자 요약 SkVector fRadii[4] = {0, 0}, {0, 0}, {0,0}, ...

배경 커밋을 했는데 깃헙에서 표시된 커밋 해시의 앞의 첫 8자리가 모두 숫자였다! 흔치 않은 일이었던 것 같은데 실제 확률은 얼마나 될까 요약 git commit hash는 SHA1 을 사용한다. 변경사항에 따라서, unique한 string을 뱉는 것이다. 문자열은 16진수로, 0~9와 a~f까지로 표현되어있다. 구하고자 하는 ...

 배경 내가 짠 코드들을 둘러보면서 회고를 하던 도중, ‘이때 이런 것 했었지, 개선해보면 좋겠다’ 라고 생각되는 코드가 있었던 한편, ‘내가 이런 코드를 짰었나’ 라는 코드도 있었다. 진행했던 프로젝트마다 기억나는 정도가 달랐는데, 단순히 시간의 문제는 아닌 것 같았다. 작성한 코드의 오너십의 차이가 나는 것이었다. 과연 오너십은 어디에서 ...

TCP(Transmission Control Protocol)는 네트워크 표준 모델링 중, 전송 계층에서 사용하는 프로토콜이다. ISO에서 만든 OSI model에서 표준이 되는 프로토콜입니다. TCP protocol은 연결 지향 방식 으로 패킷 을 지향하며 3-way handshaking 과정으로 목적지/수신지 간 정확한 전송을 보장한다. → 무...

Redis는 메모리 기반 key-value store 입니다. NoSQL: key-value 먼저, SQL과 NoSQL에 대해서 알아보았습니다. 위와 같이 row와 column으로 이루어진 데이터베이스를 관계형 데이터베이스(Relational Database)라고 합니다. 이 데이터베이스를 관리하기 위한 언어가 SQL (structured qu...