1. 배경 이직한 회사에서 나는 데이터 실험, 분석 도구를 만드는 일을 하고 있다. 자연스럽게 Data Engineer 분들과 많은 대화를 하며 하둡(Hadoop)에 대해 관심을 가지게 되었다. 분산 처리 시스템이 무엇인지 궁금하여 공부를 시작하게 …

1. 배경 난수 (亂數) 특정한 배열 순서나 규칙을 가지지 않는, 연속적인 임의의 수. 여느때와 다름 없이 코드를 짜던 어느날, Math.random()을 보고 "어떻게 컴퓨터가 난수를 생성할까"라는 생각이 들었다. 난수를 생성할 때 시드를 교체 했…

1. 배경 최근에는 많은 팀에서 MF(Micro Frontend)를 도입하고 있다. 어떤 장단점이 있고 어떤 기술을 통해서 구현하고 있을까? 이 질문에 대한 답을 찾기 위해 공부하게 되었고, 알게된 내용을 공유하고자 한다. 2. Micro Front…

1. 배경 최근 회사에서 React 17에서 18로 마이그레이션을 진행했다. 그 과정에서 어떤 컴포넌트가 제대로 동작하지 않아 그 이유를 삽질 해본 결과 React 18의 Strict Mode에서는 Mount가 두번 되게끔 설계 되어있다고 한다. 왜…

1. 배경 나는 예전에 프론트 개발을 처음 배우며 JS에 적응 할 때, 가장 힘들었던 것은 왜 JS는 일반적인 예측대로 동작하지 않는지에 대해서 였다. 그래서 다른 사람들은 조금 더 빨리 그 이유들을 알았으면 좋겠는 마음에 글을 작성하게 되었다. 좀…

1. 배경 몇몇 사람들은 굳이 이런 라이브러리(혹은 프레임워크)의 내부 동작 원리를 굳이 알아야하냐는 말을 한다. 나는 그럴때마다 꼭은 아니지만 몇가지의 이유로 알면 좋다고 말한다. 버그 방지 내부 동작 원리를 알면, 예측 가능한 문제를 더 쉽게 회…

1. 배경 React Hooks에 익숙하지 않은 상태에서 Hooks를 사용하다보면, 종종 아래와 같은 에러를 마주한다. 이 에러의 의미는 Hook을 다른 Hook 혹은 React 컴포넌트의 최상단에서 사용하지 않았다는 것을 의미한다. 하지만.. 그…

1. 배경 우선, 모달이란 사용자에게 사용자에게 중요한 정보를 보여주거나, 혹은 모종의 플로우를 차단할 때 사용하는 UI를 말한다. 보통 아래와 같이 생겼다. (ant design의 모달 컴포넌트다.) 많은 서비스에서 이러한 커스텀된 모달 UI를 …

1. 배경 이력서 페이지를 다시 만들고 난 뒤, 나는 주변 지인들에게 사방팔방으로 링크를 퍼트리며 매우 자랑했었다. 이번에 꽤 괜찮게 나온 것 같았기 때문이다. 그중 한 지인에게 받은 피드백이 있는데 아래와 같다. 나: 어때요? ㅋㅋㅋㅋㅋ 이번 꺼 …

1. 책 소개 성장하는 나, 성공하는 조직, 성숙한 삶에서 각각 한 키워드 씩을 뽑아 성장, 성공, 성숙에 대해 3챕터에 걸쳐 설명해주는 책이다. 성장 챕터는 주로 일의 성과를 어떻게 하면 극대화 할 수 있는지에 대해 설명한다. 성공 챕터는 어떻게…

타입 스크립트는 Utility Type이라는 고차 타입을 활용해 다양한 타입들을 만들어 낼 수 있다. 오늘은 그 응용 방법들을 배워보고자 한다. 1. Utility Type 소개 TypeScript 공식 문서를 참고하면, 어떤 Utility Type…

1. 실행 컨텍스트 (Execution context) 한번쯤은 모두 JS가 어떻게 동작하는 것인지에 대해서 관심이 있었을 것이다. JS는 기존의 다른 언어(C 계열 등)에 비해 특이하게 동작하는 부분이 여럿 존재한다. 왜 특이하게 동작하는지를 이해…

소개에 앞서. 이 책 소개에 앞서 아래 문제를 한번 풀어보자. 이 문제들은 책의 첫 부분에 나오는 내용으로서 자신이 알고 있는 세계에 대한 지식을 점검할 수 있다. 총 13문제가 있기 때문에 골랐던 정답을 메모하며 풀어보는 것을 추천한다. 오늘날 세…

1. 현 시대에 왜 메모리 관리을 알아야 할까? 왜 현시대에 메모리 관리 기술을 알아야 할까? 백엔드 개발자들은 빡센 메모리 최적화로 더 낮은 성능에서도 서비스를 유지해 회사에 월 고정비용을 낮추거나 혹은 트래픽이 몰리는 상황에서도 더 안정적으로 버…

개인 취미 찾기 이전까지는 개발이 취미인 경우가 많았는데, 그러다 보니 오히려 개발에 대한 흥미가 더 떨어지는 것 같고 뇌를 식혀주는 타이밍 없는 것 같다고 느꼈다. 기존에는 친구들과 가끔 게임을 했었지만, 최근에는 그다지 흥미를 찾기도 어렵고 무언…

가끔 이런 식으로 브라우저 주소창에 # 혹은 #!와 같은 기호를 본 적이 있을 것이다. 이 기호들의 이름은 hashbang (혹은 shebang) 이라고 불리며 뱅은 출판업계에서 ! 기호를 부르는 용어라고 한다. (물론 정확히는 # 이건 그냥 해시다…

JS에서 Blob(Binary Large OBject)은 주로 이미지, 오디오, 영상 등의 데이터를 다룰 때 사용한다. (물론 꼭 미디어 관련해서만 사용하는 것이 아니라 html, plain text 등 바이너리로 표현 가능한 많은 데이터에서 쓸 수…

오리처럼 걷고, 오리처럼 꽥꽥거리면, 그것은 틀림없이 오리다. 위키피디아 - 덕 테스트 덕 타이핑이란, 덕 테스트에서 영향을 받은 동적 타이핑의 한 종류다. 객체의 메소드 존재 여부 등으로 객체의 타입을 결정하는 것을 의미해요. 즉, 객체가 무엇을 …

h2 h3 h4 h5 h6 일반적인 텍스트들 소리다.이것은 그들을 하였으며, 생생하며, 운다. 피어나는 이상은 생의 남는 붙잡아 능히 황금시대다. 이는 사람은 별과 피에 피는 석가는 그것을 것은 이상은 철환하였는가? 어디 원대하고, 피고 인간은 철환…