회사 소스코드의 레거시를 개선해보고자 github package에 대해서 알아보고 실제 예제를 통해 어떻게 동작하는지, 삽질⚒️했던 부분도 함께 살펴보겠습니다. Github Package? https://github.com/features/packages npm과 마찬가지로 js package(module, lib..)를 저장하고 관리할 ...

이펙티브 타입스크립트 3장 내용을 정리하였습니다. 3. 타입 추론 타입 추론에서 발생할 수 있는 몇가지 문제와 그 해법을 안내. 숙련자와 초보자의 차이는 타입 구문의 수에서 차이를 보임. (숙련자일수록 필요한 부분에만 사용) 19. 추론 가능한 타입을 사용해 장황한 코드 방지하기 타입스크립트의 많은 구문은 사실 불필요함. 다음과 같이 코드의...

이펙티브 타입스크립트 2장 내용을 정리하였습니다. 편집기를 사용하여 타입시스템 탐색 편집기(VS Code or Visual Studio)에서 타입 스크립트 언어를 적극 활용 편집기 사용시 타입시스템, 타입스크립트가 타입을 추론하는 개념을 알 수 있음. 타입스크립트가 동작을 어떻게 모델링하는지 알기위해 타입 선언 파일을 찾아보는 방법 숙...

이펙티브 타입스크립트 1장 내용을 정리하였습니다. 타입스크립트와 자바스크립트의 관계 타입스크립트는 자바스크립트의 슈퍼셋 언어 모든 자바스크립트 코드는 타입스크립트에 속한다고 볼 수 있음. 그러나, 일부 자바스크립트만이 타입 체커를 통과함. 타입스크립트는 자바스크립트의 동작을 모델링함. const x = 2 + "3"; //정상...

자바스크립트 this 키워드에 대해서 mdn 문서를 기반으로 어떤 상황에서 어떻게 동작하고 정의되는지 정리하였습니다. 자바스크립트의 this 키워드는 다른 언어와 조금 다르게 동작합니다. 또한 엄격 모드 와 비엄격 모드에서도 일부 차이가 있습니다. 이번 글에서는 this가 각 문맥에서 어떻게 동작하는지 살펴보겠습니다. 대부분의 경우 this의...

React는 구성요소가 화면에 실제 표시되기 전에 react에 의해 렌더링되는 과정이 필요합니다. 해당 프로세스의 과정을 이해하면 코드가 어떻게 실행되고 동작을 설명하는지 생각하는데 도움이 됩니다. 렌더링 과정을 주방과 요리사로 표현 컴포넌트가 주방에서 요리사가 되어 재료로 맛있는 요리를 만들고 있다고 상상해봅시다. 이 시나리오에서 React는 고...

React의 상태관리 도구인 Redux Toolkit을 써보면서 느낀점 및 Zustand 사용경험을 비교 및 정리하였습니다. 0. Redux Toolkit과 Zustand의 간략 소개 사용수는 Redux Toolkit이 압도적으로 많습니다. Redux Toolkit 공식 문서 링크 : https://redux-toolkit.j...

약 한달간 프로그래머스에서 알고리즘 문제을 풀어보면서 중간 점검을 해보는 글입니다. 코딩테스트 문제 풀이 공부 배경 현재 시점에서 경력직 채용에서도 코딩 테스트를 보는 회사가 많은 상태입니다. 저는 코딩 테스트가 약점🥵이라 이런 부분을 이겨내고 싶었습니다. 그런 고로 프로그래머스 코딩 테스트 연습 문제 풀이를 진행하면서 능력을 향상시...

퇴사회고 갑작스럽지만 예상보다 이른 시점에 VIRNECT에서 퇴사를 하게 되어 기록을 남깁니다. 이 글을 작성하는 시점에서 퇴사한지 한달이 다 되었네요. 퇴사 부검 형식을 빌려 하나씩 정리하였습니다. 왜 떠나는지 여러 사정이 겹쳤지만 조직 개편과정에서 회사의 조직 개편 목표와 제가 추구하는 방향이 많이 달라 퇴사하게 되었습니다. (혹시 내용이 더...

최근에 contenteditable를 사용하여 코멘트 작성 및 유저 멘션 기능을 개발하였습니다. 개발 과정에서 삽질을 많이하여 기록으로 남겨 놓기 위해 이번 글을 작성합니다. contenteditable? 웹페이지에서 유저로부터 텍스트를 입력받는 방법에는 보통 input, textarea를 주로 사용합니다. 이 외에 다른 방법이 있는데, div, ...