Frontend Developer

백종환

지금 편한 코드보다, 내일도 설명할 수 있는 코드

500MB 영상 업로드 실패부터 3초 걸리던 첫 로딩까지

지금 하는 일

LMS 프론트엔드 전담

실제 수강생이 매일 사용하는 서비스

기술 선택 기준

"이게 지금 필요한가?"

트렌드보다 문제 해결에 맞는 방법

코드 작성 기준

"왜 이렇게 했어요?"에 답할 수 있는가

주석 없이도 의도가 드러나는 구조

연락하기 GitHub Blog

About

프론트엔드는 화면을 만드는 일이 아니라, 사용자와 시스템 사이를 연결하는 구조를 만드는 일이라고 생각합니다.

큰 그림을 보고 쪼개는 설계

4개의 서비스를 하나의 모노레포로 운영

홈페이지, 계정 서버, LMS, 백오피스를 하나의 저장소에서 관리하면서 공통 컴포넌트와 설정을 분리했습니다. 새 기능을 추가할 때 "이건 공통인가, 특정 앱 전용인가"를 먼저 판단합니다.

안 되는 이유를 먼저 찾는 디버깅

브라우저 한계를 인정하고 서버로 전환

브라우저에서 FFmpeg로 영상 변환하다 메모리 오버플로우가 발생했을 때, "될 때까지 고치기"보다 "왜 안 되는지"부터 파악했습니다. 결국 브라우저의 한계를 인정하고 서버 사이드로 전환하는 게 맞다는 결론을 내렸습니다.

사용자 관점에서 끝까지 확인

QA 피드백과 PR 리뷰 반영

기능이 동작한다고 끝이 아닙니다. QA 피드백이 오면 "왜 그렇게 느꼈을까"를 먼저 생각합니다. PR 리뷰에서 받은 의견도 단순히 고치는 게 아니라, 왜 그런 피드백이 나왔는지 이해하려 합니다.

개발 여정

2022.10시작점

블록체인 부트캠프에서 처음 개발을 시작했습니다. 지갑 앱을 만들면서 React와 상태 관리의 기초를 배웠고, 해커톤에서 팀과 협업하는 경험을 했습니다.

2023.09첫 실무

입사 후 처음 맡은 건 사업 승인을 앞둔 서비스의 마무리 작업이었습니다. 다른 사람이 작성한 코드를 읽으면서 "왜 이렇게 했을까"를 이해하려 노력했고, 기존 구조를 해치지 않으면서 새 기능을 붙이는 법을 배웠습니다. 결국 사업 승인이 됐고, 그 서비스가 지금 운영 중인 LMS의 기초가 됐습니다.

2023.11기능 전담

LMS 프론트엔드를 전담하면서 처음으로 "내가 설계한 대로" 구조를 잡을 기회가 생겼습니다. 대용량 파일 업로드 실패, 영상 변환 크래시 같은 문제를 마주하면서 "되게 만들기"와 "제대로 만들기" 사이에서 균형을 찾는 법을 배웠습니다.

2025.04 ~ 현재현재

이제는 새 기능을 구현하면서 "6개월 뒤에 이 코드를 볼 사람"을 생각합니다. PR 리뷰에서 받은 피드백을 반영하고, QA에서 발견된 이슈를 개선하면서 점진적으로 코드 품질을 높입니다.