SmileCat.

2018 Archive

2018년 회고

네이버 입사 후 1년에 대한 회고를 남긴다. 기록을 남기지 않은 2017년 2016년 회고 이후에 2017년 회고를 남기지 않았다. 여러가지 핑계를 대볼 수 있겠지만, 가장 큰 이유는 2017년에는 이직 준비로 인해 마음이 싱숭생숭해 있어서 그리고 11월쯤에 되서야 입사가 마무리가 되었기 때문에 글을 남기지 않았다. 이직 준비와 수습기간 등 이래저래 2016년도와 같이 공개적으로 회고를 작성할 수 없었기 때문이다. 간단히 요약하자만 제니퍼 면접을 필두로, 우아한 형제들, 카카오, 네이버, 네이버 랩스에서 면접을 모았고 최종적으로

[Coding The Matrix] 벡터의 생성, 선형결합, 벡터공간, 아핀공간

Coding The Matrix를 보면서 벡터의 생성, 선형결합, 벡터공간, 아핀공간의 정의에 대해 자주 잊어버려 읽을 때 참고하고자 이를 정리하고자 한다. 생성의 정의(Definition 4.2.1) 벡터들 $v1, ..., vn$의 모든 선형결합으로 이루어진 집합을 이 벡터들의 생성이라하고 $Span \{v1, ..., vn\}$라고 쓴다. 이 정의를 이해하기 위해서는 선형결합이 무엇인지 먼저 알아야한다. 선형결합의 정의(Definition 4.1.1) $v1, ..., vn$ 각각을 벡터라고 하자. $v1, ..., vn$

[Coding The Matrix] 벡터의 생성과 동차 선형시스템의 해집합의 관계에 대한 예제

Coding The Matrix 4장(원서 3장) 벡터공간에서 원점을 포함하는 flat의 다음 두 가지 표현에 대해 설명한다. 어떤 벡터들의 생성으로서 동차 선형시스템의 해집합으로서 이 글에서 작성하고자 하는 내용은 이 표현들의 설명은 아니다. 단지, 책에서 이 두가지 표현에 대한 예제가 나오는데 해당 예제에 대해서 스터디에서 많은 의견이 오고가서 이에 대해 정리하고자 한다. 두 예제는 아래와 같다. Example 4.3.7 평면 $$ Span \{[1, 0, 1.65], [0, 1, 1]\} $$ 은 다음과 같이 $$ \{(

함수

Coding The Matrix를 보다보면 후반부에 갈수록 앞서 본 용어들에 대해서 잊어버려 찾는 것을 반복하게 되어 정리해보며 읽어나가고자 한다. 집합(Set) $$ 1 \in \{ 1, 2, 3, 4 \} $$ 수학 객체를 모아 놓은 것으로, 집합에 속하는 각 객체는 많아야 한 번 그 집합에 나타나는 것으로 간주한다. 집합은 원소들 사이에 순서가 없으므로 집합 내 원소의 순서는 중요하지 않다. $$ S1 \subseteq S2 $$ 집합의 포함 관계는 위와 같이 나타내며, 두 집합이 같다는 것은 다음 두 단계를 사용하여 증명한

[JS] new 생성자 override

JS에서 생성자 함수를 통해 new 호출할 때, 명시적으로 객체를 반환한다면 해당 객체로 재정의(override)하게 된다. 위 코드의 결과를 결과를 보면 변수 a에 할당된 객체는 A 생성자 함수에서 반환한 {name:"A2", prop: 456} 객체이다. 만약 위 코드와 같이 생성자 함수 A를 상속하는 생성자 함수 B가 있을때, 변수 b에 할당된 객체는 생성자 함수 A에서 반환된 객체와 관계없이 {name:"B1", prop:123}이다. 생성자 함수 A에서 생성될 때 name:"A2"와 prop:123가 할당되고, 생성자 함수

[CSS] CSS에서 이미지 마우스 커서 사용하기

기본으로 구현된 커서가 아닌 커스텀된 커서가 필요하여 알아보다보니 Changing the Cursor with CSS for Better User Experience (or Fun) 이라는 글을 보게되어 몇가지 방법을 시도해보았다. 제일 먼저 Element를 JavaScript로 이동하여 구현하기 손쉬어 포인터처럼 구현하는 것을 시도해봤는데 해당 Element와 바탕이 되는 Element의 이벤트 처리가 껄끄러워 제외하였다. 그외 직접 이미지가 필요한 커서의 경우 상단과 같은 SVG를 만들어서 svg, base64, png를 만들어