문득 고사성어를 구경하다가 재미있어 보여서 가져왔다 ㅋㅋㅋ 베개를 높이 하여 편히 잘 잔다는 뜻으로, 얼굴 성형과는 무관하다. 근심 없이 편히 잘 수 있을 정도로 안심할 수 있는 상태를 일컫는다고 한다. 나도 얼른 얼굴을 고쳐야.... 가 아니라 근심이 없는 고침안면 상태가 되어야 할 텐데... 요즘 내 고민은 블로그 글이 안 써진다는 점이다. 용기 내서 글 작성을 시작하면 끄적끄적 적어보다가 '이거 내가 설명할 수 있을 정도로 깊게 잘 알고 있나?'라는 생각에 빠져 공부를 시작하곤 한다. 자연스레 글은 임시저장으로 한 달... 두 달이 지나도록 마무리되지 않는다. 내가 언제부터 밀도 있게 빽빽한 글을 썼다고. 자신감 하나로 그때그때 내가 생각하는 최선의 글을 적은 것뿐인데 최근 자의식 과잉에 빠져 스스..

이전 글인 프론트엔드 주니어의 오픈소스 기웃대기라는 글의 마지막 부분에서 링크드인을 통해 후원 의사가 있는 분의 연락을 받았다는 내용을 적은 적이 있었다. 그분은 github sponsor 기능을 통해서 후원을 하고 싶다고 연락을 하셨었는데, 안타깝게도 아직 한국에서는 github sponsor 기능을 지원하지 않았다. 나는 대안으로 Paypal 계정을 통해 후원을 해주셔도 좋지만, 여의치 않다면 마음만이라도 너무나 감사하다고 이야기를 드렸다. 그렇게 3개월 정도가 지난 어느 날... 갑작스레 메시지와 함께 메일이 도착했다. 오우야... 링크드인으로 온 메시지를 보니, 그간 Paypal 세팅을 하고 여차저차 일정이 있어 늦어졌다며 미안하다는(!) 말과 함께 앞으로도 좋은 일을 계속하길 바란다며 작은 선물..

내가 개발을 처음 시작한 이후로 꾸준히 잘 사용하고 있는 IDE는 Jetbrains사의 제품들이다. 물론 아직도 기능을 다 모르고 단축키 사용에 미숙한 부분들이 많다. 특히 리팩토링 관련된 단축키들을 바탕으로 생산성을 높이고 정말 중요한 부분을 고민할 수 있는 시간을 확보하는데 충분히 능숙하지 못하다. 어쨌건 한창 잘 사용하는 IDE 이야기를 한 이유는, Jetbrain에서 오픈소스 커뮤니티의 기여자에게 고가의 라이센스를 제공하는 정책을 가지고 있기 때문이다. 오픈 소스 개발을 위한 라이선스 - 커뮤니티 지원 www.jetbrains.com 혼자 어림짐작으로 github star가 최소 1000은 넘고, 라이브러리라면 주간 다운로드 수가 1000건은 되어야 하지 않나 하는 생각이 있었는데, 그렇지 않다는..

GitHub - Jonghakseo/chrome-extension-boilerplate-react-vite: Chrome Extension Boilerplate with React + Vite + Typescript Chrome Extension Boilerplate with React + Vite + Typescript - GitHub - Jonghakseo/chrome-extension-boilerplate-react-vite: Chrome Extension Boilerplate with React + Vite + Typescript github.com 한 번 만들어 보고 싶어서 만든 보일러 플레이트의 stars가 70을 넘었다. fork는 10개가 되었다. 다른 오픈소스 프로젝트에 비하면 초라한 개..

코딩 컨벤션, 네이밍 컨벤션, 팀 내 컨벤션 등등... 개발자들은 일상적으로 많은 상황에서 컨벤션이라는 단어를 쓰고 있다. Convention 우리 말로는 협약, 약속 등으로 번역되는 말로 '함께 와서 모이고 참석하다'는 라틴어가 그 어원이다. 그럼 코딩 컨벤션은 무엇일까? 위키피디아에 기재된 코딩 컨벤션에 대한 정의는 다음과 같다. 프로그래밍 스타일 , 관행 및 방법을 권장 하는 특정 프로그래밍 언어에 대한 일련의 지침 일반적으로 파일 구성, 들여쓰기, 주석, 선언, 명령문, 공백, 명명 규칙, 프로그래밍 관행, 프로그래밍 원칙, 프로그래밍 경험 법칙, 아키텍처 모범 사례 등을 다룬다 위키피디아에서의 정의는 언어에 대한 지침으로 국한되어 있으나, 코딩 컨벤션은 언어 전반에 걸쳐 존재할 수도 있고 특정 ..

React 16.8에서 소개되었던 Hook API 중에서는 useRef는 제외한다면 최적화와 관련된 훅이 2개(useMemo, useCallback)가 있다. Hooks API Reference – React A JavaScript library for building user interfaces ko.reactjs.org 그중에서도 useCallback은 함수를 메모이제이션 하기 위해 사용하는 훅이다. 함수를 메모이제이션 하는 목적은 대개 성능의 최적화이고, 특히 리액트에서는 주로 메모이제이션 컴포넌트의 props로 넘기는 이벤트 핸들러 등의 함수가 불필요하게 재 생성되어 불필요한 렌더링이 일어나지 않게끔 사용한다. 그런데 우리가 useCallback을 사용하는 경우를 생각해보면, 빈 의존성 배열로 사..