프론트엔드 기술 블로그 | rhei.me

📦
npm, Yarn, pnpm으로 보는 의존성 관리의 차이
패키지 매니저가 의존성을 설치하는 방식과 모노레포 구성 방법을 알아봐요
- JavaScript
0000.00.00.
🧩
함수형 프로그래밍 패러다임으로 예측 가능성 높이기
상태 변경을 줄여 예측 가능성을 높이는 방법
- JavaScript
- C++
0000.00.00.
💾
가상 메모리는 어떻게 물리 메모리로 매핑될까?
MMU, 페이지 테이블, TLB를 통해 가상 주소가 물리 주소로 변환되는 전체 흐름 이해하기
- OS
- 인터랙션 예제
0000.00.00.
⚛
React Hook: 함수 컴포넌트에 상태를 더하기
Hook의 동작 원리와 규칙을 이해하고 올바르게 사용해요
- React
0000.00.00.
🏞
이미지 포맷 이해하기
래스터와 벡터 이미지, 손실과 무손실 압축 방법을 알아보고, PNG, JPG, WebP, AVIF 포맷을 언제 사용할지 생각해봅시다
0000.00.00.
🛜
분리된 프로세스는 어떻게 협력할까?
데이터를 주고받는 통로, IPC 알아보기
- 인터랙션 예제
- JavaScript
0000.00.00.
⏳
I/O 때문에 UI가 멈춘다면
비동기 코드를 작성했는데도 UI가 멈추는 이유를 알아보고, 비동기 I/O로 해결해요
- JavaScript
0000.00.00.
🎨
Reflow는 왜 느릴까?
브라우저 렌더링의 숨은 비용 찾아 최적화하기
0000.00.00.
🔥
Callback Hell 벗어나서 비동기 코드 깔끔하게 처리하기
비동기 코드의 가독성과 유지보수성을 높여요
- JavaScript
- 인터랙션 예제
0000.00.00.
⏳
Debounce와 Throttle: 직접 실행하며 알아보기
연속된 함수 호출에 대처하는 방법들
0000.00.00.