전체 글

컴퓨터 공학, 컴퓨터 과학, 전공 지식. 프로그램 개발을 위해 특히 웹 개발에 있어서 이게 꼭 필요한가? 라는 의문을 가지게 하는 지식들입니다. 하지만, 이러한 지식들은 몰라도 개발을 할 수는 있지만 알고 있다면 더 나은 코드를 작성할 수 있게 되는 등 여러모로 유용하게 활용됩니다. 비록 비전공자이지만 전공자 못지 않은 지식을 쌓아둘 수 있도록 공부해두는 것이 중요한 일이라고 생각합니다. 전공자들은 4년에 걸쳐서 배우는 지식을 단시간에 습득해야하는 일입니다. 결코 쉬운 일은 아니겠습니다만, 전자공학의 기초적인 지식은 가지고 있으니 겹치는 부분이 많아 상대적으로 금새 익힐 수 있을 것이라고 생각됩니다. 결국 프로그램은 1과 0 그리고 다양한 논리 연산과 분기의 집합입니다. 전자 회로를 구성하여 펄스신호를 ..

명절에 놀면 뭐하겠는가, 아르바이트를 마치고 어떤 공부를 하면 좋을까 고민하던 중 문자가 한통 날아왔다. 부트캠프를 수료하고난 후 매서운 채용시장의 겨울 바람을 맞으며 굳어버린 코딩 뇌를 다시 깨울 수 있는 기회가 찾아왔다. 상품은 바라지도 않고, 적당한 과제가 있으니 그냥 해보면 공부가 될 것이라는 마음에 참여하기로 결정했다. 내가 선택한 프로젝트는 세뱃돈 계산기이다. 제목이 세뱃돈 계산기이긴 하지만 사칙연산이 가능한 계산기를 만드는 것이다. 복잡한 기능은 없다고 판단하여 불필요하게 많은 라이브러리를 사용할 필요는 없다고 생각했다. 따라서 오직 React와 JS를 이용해서 코드를 작성했다. 다만 CSS는 익숙한 스타일드 컴포넌트를 사용할까 고민하였지만 테일윈드를 사용하기로 결정했다. 테일윈드를 사용하기..

작업하던 프로젝트에서 성능 최적화를 위한 코드를 작성하고 실제로 리랜더링되는 컴포넌트들을 살펴보는 중에 문득 Styled-Components로 작성된 컴포넌트들이 반복적으로 랜더링되는 것을 목격했습니다. 수치로 따지자면 랜더링 되는데 0.1 ms미만으로 매우 짧은 시간을 차지하고 있긴하지만 이러한 컴포넌트가 수백개 수천개 쌓인다면 문제가 될 것이 당연해보였습니다. 특히 현재 작업 중인 프로젝트에서는 스크립트를 계속해서 업데이트하며 화면에 표시하는 방식을 사용하고 있기 때문에 다음 문장이 실행될 때마다, 한글자 한글자 업데이트될 때마다 리랜더링이 발생하는 것이 너무나 못마땅했습니다. CSS in JS가 나쁘다는 것은 아니지만 JS가 적으면 웹사이트가 빨라지는 것은 당연한 일입니다. 자료를 조사하던 중 CS..

디바운스(Debounce)와 쓰로틀링(Throttling)은 자바스크립트에서 이벤트 핸들링과 함수 실행을 제어하는 데 사용되는 두 가지 기술입니다.프론트엔드 개발자라면 다들 개념을 알고 있을 것이지만 비전공자 입장에서는 이조차 낮선 개념입니다. 오늘은 쓰로틀링과 디바운스에 대해서 알아보도록 합시다.디바운스이라는 용어는 전자 회로에서 스위치를 눌렀다 떼는 과정에서 스위치가 통통 튀며 전압이 불규칙적으로 들어가 전류의 흐름이 비정상적으로 일어나는 현상을 바운싱 현상이라하는데 이를 정상적으로 해주는 의미에서 사용되기 시작했다고합니다.쓰로틀링이라는 용어는 비행기 또는 자동차 등에서 연료량을 조절하는 레버가 있는데 이를 당기거나 밀어서 연료량을 조절하는 것입니다. 이러한 동작과 유사한 방식으로 동작시키기 때문에 ..