[Error log] Failed to fetch dynamically imported module
storybook, vite path alias
웹 푸시알림 적용하기(with.FCM)
web push 알림 구현하기, 최신 버전 firebase, service worker, background message
Javascript event 다루기(eventListener를 쓰는 이유)
event란?? event를 다루는 방법은?? event listener vs event handler??
JS 단축평가
if else를 코드에서 줄여 나가다 보면 자주 사용하게 되는 단축평가에 대해 정리해보자. 😵💫 Truthy & falsy 자바스크립트에는 Truthy 값(참으로 평가되는 값)과 Falsy 값(거짓으로 평가되는 값)이 있다. 이 값들이 조건식에 들어가게 되면 불
연관된 State 관리하기(feat. useReducer, custom hook)
객체 상태를 관리하는 여러가지 방법 - 열거형, 객체형, useReducer, custom hook까지 여러가지 상태관리 방법을 배워보자.
XSS 방지하기(feat.innerHTML)
XSS 공격방지하기 - sanitizerAPI, DOMPurify, 문자열 escape.. react는 어떻게 하고 있지?
전역 공간 사용 최소화 하기
면접에서 Javascript 과제에 즉시 실행 함수를 사용한 것을 보고 전역 공간 오염을 막기 위해서 그렇게 코드를 짰는지 질문을 받았었다.
flexbox 뿌수기
프론트엔드 개발을 하면 피할 수 없는 것이 CSS 작업인데 내가 제일 많이 쓰는 레이아웃 시스템인 flexbox를 복습하며 제대로 알고가기 위해 정리해본다.
네이버 뉴스 모아보기(curl, JS decode, http server)
🗞 오늘의 뉴스 모아보기 페어프로그래밍을 통해 네이버 뉴스에서 최신 기사 제목을 가져오는 미션을 수행해보았다. 페어프로그래밍이란? 하나의 컴퓨터에서 두 사람이 함께 작업하는 방법 네비게이터가 전략을 제시하고, 드라이버가 실제 코드를 작성하며 이 역할을 번갈아가며
[react-ksmodal] 첫 npm 라이브러리 개발기
프론트엔드 개발자로 여러 팀 프로젝트와 인턴 활동에 참여하다보니 이런 모달을 만드는 작업이 많았다.이게 참 보기에는 별 거 아닌 UI같지만 타이머로 몇초동안 보여줄지도 정해야하고, 애니메이션도 넣고, 다른 컴포넌트와 겹치지 않게도 해야하고,,,😅