개발하면서 배운 것들을 기록합니다
살면서 가장 힘들었지만 동시에 가장 많이 성장한 2025년. 번아웃으로 퇴사를 고민하던 주니어 개발자가 다시 일어서기까지의 1년 기록
컴포넌트 레벨까지 산재된 코어 로직을 독립적인 SDK로 추출하며 마주한 설계 고민과 의사결정 과정
React의 내부 동작 원리를 체계적으로 분석합니다. JSX에서 JavaScript로의 변환 과정, Virtual DOM의 작동 원리, Reconciliation 알고리즘, 그리고 Fiber Architecture의 핵심 개념을 다룹니다.
WebRTC 박살내기 마지막 시리즈 입니다. WebRTC의 RTCDataChannel을 이해하고, 채팅·파일 전송·게임 동기화까지 실시간 데이터 전송의 모든 것을 알아봅니다.
WebRTC 박살내기 세번째 시리즈 입니다. WebRTC의 핵심 RTCPeerConnection을 완벽하게 이해하고, 연결 생성부터 이벤트 처리, 품질 관리, 연결 복구까지 실전 예제와 함께 알아봅니다.
WebRTC 박살내기 두번째 시리즈 입니다. WebRTC의 MediaStream과 MediaStreamTrack을 깊이 이해하고, getUserMedia부터 트랙 제어, 품질 관리까지 실전 예제와 함께 알아봅니다.
WebRTC 박살내기 첫번째 시리즈 입니다. WebRTC 기본 개념부터 시그널링, Offer/Answer(SDP), Trickle ICE, STUN/TURN, NAT, 그리고 Mesh·SFU·MCU 아키텍처까지 한 번에 정리합니다.
2025년 7월 5일에 시작했던 항해플러스 프론트엔드 6기가 어느새 9월 13일을 끝으로 마무리를 하게 되었습니다. 길면서도 짧았던 10주의 여정에서 많은 것을 얻어갔고 느꼈는데, 마지막으로 10주간의 회고를 해보려고 합니다.
드디어 항해 마지막 주차인 10주차가 되었습니다. 시간이 너무 빠른 것 같아요. 이제 수료만 남겨두고 있는 상황인데, 마지막인 만큼 10주차 과제에 대한 회고 내용을 열심히 정리해보겠습니다.
8주차 과제는 지난 과제에 이어서 추가 요구사항인 반복 일정 기능을 TDD(테스트 주도 개발) 방식으로 구현하는 것입니다. 이번 과제의 핵심은 7주차와 완전히 반대되는 접근인 거 같아요. 7주차는 기존 코드에 테스트를 추가하는 방식이었다면, 8주차는 테스트를 먼저 작성...
7주차 과제는 테스트 코드 작성입니다! 일정 관리 앱에 대한 테스트 코드를 작성하는 과제였는데, 처음 테스트 코드를 접하는 저에게는 정말 힘든 과제였습니다. 테스트 코드를 처음 써보는 입장에서 정말 많은 시행착오가 있었습니다. 공식 문서를 읽으면서 하나하나 테스트 코드...
5주차 과제는? 지난 주차에 이어서 클린코드를 생각하면서 리팩토링을 진행하는 과제입니다! 엔티티를 기준으로 컴포넌트, 훅, 유틸의 역할을 나누고 비즈니스 로직을 컴포넌트에서 분리하는 내용인데요. 기본 과제는 전역 상태를 쓰지 않고 구조를 정리하고, 심화 과제는 Jota...
이번 4주차부터 6주차까지는 클린 코드에 대해 과제를 진행하는 주간입니다! 그 중에 4주차의 기본 과제는 바닐라 자바스크립트로 구현된 매우매우 더티한 코드를 가지고 클린 코드로 개선하는 것이고 심화과제는 클린 코드로 변경한 내용들을 리액트와 타입스크립트로 마이그레이션하...
이번에는 리액트 내부에 있는 Hook을 구현하는게 메인 과제입니다! useMemo, useCallback 같은 기본 Hook과 직접 상태관리 Hook을 만들면서 많이 배워갈 수 있을 거 같아요 이번 주차에서는 리액트의 핵심 Hook들을 직접 구현해보면서 내부 동작 원리...
1주차에서는 프레임워크 없이 SPA를 맨땅에서부터 만들어봤습니다. 그럼 이번 주차 과제는 뭘까요? 간단하게 요약하자면 Virtual DOM과 이벤트 위임 시스템을 직접 구현하고, diff 알고리즘을 통한 렌더링 최적화를 하는 건데요. 평소 단어만 알았던 Virtual...
👋 안녕하세요, 프론트엔드 개발자 여찬규입니다! 요즘 회사일에 치여서 인생이 재미없던 차에 항해 플러스 모집광고를 보게 되었고, 그 자리에서 바로 지원하게 되었어요 무언가에 이끌려 시작하게 되었는데, 시작한지 1주일밖에 안되었지만 엄청 재미있고 좋은 사람들도 많이 알...
3박 4일간 제주에서 진행된 구름톤 13기 해커톤 참여 후기. 고사리 채집 스팟 공유 서비스 '고고사리'를 개발하며 겪은 기술적 도전과 협업 경험을 공유합니다.
MQTT 프로토콜에 대해 자세히 알아보겠습니다.
![[WebRTC 박살내기 #4] 데이터 채널 구조와 활용법](/_next/image?url=%2Fposts%2Fwebrtc-deepdive-04%2Fimages%2Fthumbnail.png&w=3840&q=75)
![[WebRTC 박살내기 #3] PeerConnection API와 이벤트 흐름](/_next/image?url=%2Fposts%2Fwebrtc-deepdive-03%2Fimages%2Fthumbnail.png&w=3840&q=75)
![[WebRTC 박살내기 #2] 미디어 스트림과 트랙 완벽 이해](/_next/image?url=%2Fposts%2Fwebrtc-deepdive-02%2Fimages%2Fthumbnail.png&w=3840&q=75)
![[WebRTC 박살내기 #1] WebRTC 개념과 연결 구조 완전 정리](/_next/image?url=%2Fposts%2Fwebrtc-deepdive-01%2Fimages%2Fthumbnail.png&w=3840&q=75)
