검색 기능을 구현하면서 점진적으로 함수형 프로그래밍 스타일로 개선해나간 과정을 기록해보려고 한다. 코드가 적힌 순서대로 실행되어 로직이 잘 읽히도록 노력했다.

복잡한 제네릭 타입들을 중첩해서 쓰다 보면 결과 타입이 뭔지 도저히 알 수가 없다. IDE에서 보면 이런 식으로 나와서 매번 최종 타입까지 찾아가서 봐야한다. 그러던 중에 유튜브 영상에서 이런 헬퍼 타입을 만들어서 사용하는 방법을 보게 되었다. 사용 예시 동

TanStack Router 파일 라우팅 디렉토리 관리하기

console.log 멈춰...!!!

storybook, vite path alias

서버 닫아요~

Vite를 사용한 이유가 무엇인가요? 어 그게.......

vanilla js 서비스에 단위테스트를 도입해보자.

http의 발전, http/1, http/2, http/3, SPDY, QUIC

web push 알림 구현하기, 최신 버전 firebase, service worker, background message

JWT vs Session, localStorage vs Cookie, private router..

event란?? event를 다루는 방법은?? event listener vs event handler??

else if 없애기, switch case, lookup table

if else를 코드에서 줄여 나가다 보면 자주 사용하게 되는 단축평가에 대해 정리해보자. 😵‍💫 Truthy & falsy 자바스크립트에는 Truthy 값(참으로 평가되는 값)과 Falsy 값(거짓으로 평가되는 값)이 있다. 이 값들이 조건식에 들어가게 되면 불

객체 상태를 관리하는 여러가지 방법 - 열거형, 객체형, useReducer, custom hook까지 여러가지 상태관리 방법을 배워보자.

XSS 공격방지하기 - sanitizerAPI, DOMPurify, 문자열 escape.. react는 어떻게 하고 있지?

면접에서 Javascript 과제에 즉시 실행 함수를 사용한 것을 보고 전역 공간 오염을 막기 위해서 그렇게 코드를 짰는지 질문을 받았었다.

flexbox에 이어서 grid를 정리해본다. 기본 개념부터 반응형 웹에서 사용할 수 있는 grid 속성까지 공부해보자.

프론트엔드 개발을 하면 피할 수 없는 것이 CSS 작업인데 내가 제일 많이 쓰는 레이아웃 시스템인 flexbox를 복습하며 제대로 알고가기 위해 정리해본다.

🗞 오늘의 뉴스 모아보기 페어프로그래밍을 통해 네이버 뉴스에서 최신 기사 제목을 가져오는 미션을 수행해보았다. 페어프로그래밍이란? 하나의 컴퓨터에서 두 사람이 함께 작업하는 방법 네비게이터가 전략을 제시하고, 드라이버가 실제 코드를 작성하며 이 역할을 번갈아가며