이 글로 얻을 수 있는 정보 plop를 이용한 파일 템플릿화 plop 라이브러리 설치 및 사용법 plop 템플릿 handlebars 템플릿 0. 개요 디자인 시스템 컴포넌트를 구성하면서 스토리북 관련 구글링 중에 파일을 템플릿화 하여 쉽게 생성할 수 있는 plop 라이브러리를 알게되어 디자인 시스템 파일 템플...

다양한 자바스크립트 서적과 글을 보고 다양한 문제를 직면하면서 생소하게 느낀 부분들을 정리해논 글 입니다. (목차를 보고 관심있는 부부만 읽어도 좋습니다.) 단순히 제 주관으로 판단하고 작성하는 글이기 때문에 가이드가 될 수는 없으니 주의해주시면 감사하겠습니다 🌟 1. REPL(Read Eval Print Loop) 기본적으로 Javascr...

이벤트 전파는 DOM에서 이벤트가 발생했을 때, 그 이벤트가 어떤 방식으로 전파되는지를 설명하는 개념입니다. 이벤트 전파는 크게 세 단계로 나뉘는데, 캡처링(Capturing), 타겟(Target), 그리고 버블링(Bubbling) 입니다. 각 단계를 거치면서 이벤트 리스너가 있으면 실행되는데, 순서가 있는 캡처링/버블링 같은 경우에는 순서대로 실행...

개요 사내 프로젝트 개발 중 전역적으로 정보가 필요한 비동기 데이터(워크스페이스, 채널, 유저 정보 등등…)를 다룰 때, 해당 비동기 데이터를 캐싱할 필요성이 있었습니다. React-query와 Redux ToolKit Query 중 어느 것을 적용할지에 대한 고민을 했는데, 기존 프로젝트 프론트 단에서 이미 RTK를 사용하고 있고 기능도 비슷해서...

chripy 블로그 작성 시 이와 같이 다양한 스타일링 효과를 적용할 수 있는데 적용 방법과 vscode 내 snippets을 활용하여 더 쉽게 작성하는 방법을 알아보겠습니다. 해당 글은 chripy GitHub 블로그 기준입니다. 스타일링 적용 방법 chripy 내 스타일링은 /assets/css/jekyll-theme-chirpy....

회사에서는 WebStorm을 쓰고 있었는데, 유료인 Jetbrains를 사용하지 못 하는 환경에 대비하여 VSCode에 익숙해지고 앞으로는 VSCode를 사용해보려고 합니다. 더 유용한 단축키가 있다면 추천해주시면 감사하겠습니다.👍 에디터 내 기능 단축키 설명 ⌘P ...

매주 모르는 사람 5명을 매칭시켜 연 150억을 버는 창업가 아티클을 보면서 timeleft 서비스를 알게 되었는데, 해당 서비스가 제공하는 가치를 다른 곳에서도 다양하게 활용할 수 있을 것 같습니다. timeleft 서비스의 핵심 가치 timeleft는 매월 구독료를 내고 성격 테스트를 통해 비슷한 성향의 5사람을 랜덤으로 매칭하여 저녁 식사를 ...

회사에서는 WebStorm을 쓰고 있었는데, 유료인 Jetbrains를 사용하지 못 하는 환경에 대비하여 VSCode에 익숙해지고 앞으로는 VSCode를 사용해보려고 합니다. 더 유용한 설정들이나 확장프로그램이 있다면 추천해주시면 감사하겠습니다.👍 VSCode 기본 설정 괄호 색깔 표시: 설정 -> 텍스트 편집기에서 VSCode 내장 기능...

Intellij 유용한 단축키 이 글은 intellij로 개발 시 유용한 단축키를 모아놓은 글입니다. 추후에 알게되는 단축키가 있다면 추가하겠습니다 :smile: 창 열기 WINDOW MAC 간단한 설명 비고 Ctrl + Alt + S ...

“IllegalAccessException : cannot access class …” 에러 해결 방법(Intellij) 다양한 라이브러리를 사용하다 보면 IllegalAccessException : cannot access class ... 에러를 마주칠 때가 있습니다. 해당 글은 위 에러를 해결하는 방법에 대하여 기재한 글입니다. (저는 I...