안녕하세요 👋
프론트엔드 개발자 여찬규입니다.

사용자 경험과 인터페이스 개선에 중점을 두고 끊임없이 배우고 성장하는 개발자입니다.
디자인과 개발 사이에서 최적의 균형을 찾는 데 열정을 가지고 있습니다.

이 블로그는 프론트엔드 개발 과정에서 배운 것들과 경험을 기록하고 공유하는 공간입니다.
React, TypeScript, 웹 성능 최적화 등 실무에서 마주하는 다양한 주제를 다룹니다.

GitHub LinkedIn Email

최근 포스트

전체 보기 →

2025년, 번아웃과 성장 사이에서

2026년 1월 4일

살면서 가장 힘들었지만 동시에 가장 많이 성장한 2025년. 번아웃으로 퇴사를 고민하던 주니어 개발자가 다시 일어서기까지의 1년 기록

회고2025성장+1

1분1분

강결합된 React 앱을 독립적인 SDK로 분리하기

2025년 12월 3일

컴포넌트 레벨까지 산재된 코어 로직을 독립적인 SDK로 추출하며 마주한 설계 고민과 의사결정 과정

SDK설계아키텍처+1

1분1분

리액트를 까본 사람 손 🙋 (Virtual DOM부터 Fiber까지)

2025년 11월 9일

React의 내부 동작 원리를 체계적으로 분석합니다. JSX에서 JavaScript로의 변환 과정, Virtual DOM의 작동 원리, Reconciliation 알고리즘, 그리고 Fiber Architecture의 핵심 개념을 다룹니다.

ReactVirtual DOMReconciliation+2

1분1분

[WebRTC 박살내기 #4] 데이터 채널 구조와 활용법

2025년 10월 24일

WebRTC 박살내기 마지막 시리즈 입니다. WebRTC의 RTCDataChannel을 이해하고, 채팅·파일 전송·게임 동기화까지 실시간 데이터 전송의 모든 것을 알아봅니다.

WebRTCRTCDataChannelP2P+2

1분1분

[WebRTC 박살내기 #3] PeerConnection API와 이벤트 흐름

2025년 10월 20일

WebRTC 박살내기 세번째 시리즈 입니다. WebRTC의 핵심 RTCPeerConnection을 완벽하게 이해하고, 연결 생성부터 이벤트 처리, 품질 관리, 연결 복구까지 실전 예제와 함께 알아봅니다.

WebRTCRTCPeerConnectionP2P+3

1분1분

[WebRTC 박살내기 #2] 미디어 스트림과 트랙 완벽 이해

2025년 10월 13일

WebRTC 박살내기 두번째 시리즈 입니다. WebRTC의 MediaStream과 MediaStreamTrack을 깊이 이해하고, getUserMedia부터 트랙 제어, 품질 관리까지 실전 예제와 함께 알아봅니다.

WebRTCMediaStreamMediaStreamTrack+1

1분1분

안녕하세요 👋프론트엔드 개발자 여찬규입니다.

최근 포스트

2025년, 번아웃과 성장 사이에서

강결합된 React 앱을 독립적인 SDK로 분리하기

리액트를 까본 사람 손 🙋 (Virtual DOM부터 Fiber까지)

[WebRTC 박살내기 #4] 데이터 채널 구조와 활용법

[WebRTC 박살내기 #3] PeerConnection API와 이벤트 흐름

[WebRTC 박살내기 #2] 미디어 스트림과 트랙 완벽 이해

안녕하세요 👋프론트엔드 개발자 여찬규입니다.

최근 포스트

2025년, 번아웃과 성장 사이에서

강결합된 React 앱을 독립적인 SDK로 분리하기

리액트를 까본 사람 손 🙋 (Virtual DOM부터 Fiber까지)

[WebRTC 박살내기 #4] 데이터 채널 구조와 활용법

[WebRTC 박살내기 #3] PeerConnection API와 이벤트 흐름

[WebRTC 박살내기 #2] 미디어 스트림과 트랙 완벽 이해

2025년, 번아웃과 성장 사이에서

강결합된 React 앱을 독립적인 SDK로 분리하기

리액트를 까본 사람 손 🙋 (Virtual DOM부터 Fiber까지)

[WebRTC 박살내기 #4] 데이터 채널 구조와 활용법

[WebRTC 박살내기 #3] PeerConnection API와 이벤트 흐름

안녕하세요 👋
프론트엔드 개발자 여찬규입니다.

안녕하세요 👋
프론트엔드 개발자 여찬규입니다.