전체 글

프론트엔드 기술 개발 블로그입니다. 🤗 ghdqlsdl9633@gmail.com
·Development
더블 비디오 기법으로 모바일 비디오 성능 개선으로 즉시전환 사용자 25배 만들기즉시 전환이라고 느끼는 유저 25.5배 증가시키기최적화 작업을 배포하기 전, 유저 로그를 추가하여 최적화 이전 유저 데이터를 얻을 수 있었다. 그리고 최적화 작업 배포 전후의 유저 로그 데이터를 수집하여 비교할 수 있었다. 전체 지표즉시 전환 체감(500ms) 비율이 2.4%에서 61.3%로 증가, 즉시 전환을 경험하는 사용자가 약 25.5배 많아졌고,사용자 10명 중 약 6명이 즉시 전환에 가까운 속도를 경험하게 되었다.Median(P50) 60.9% 변화하였다. 국가별 데이터 분석 (Top 12)CDN에서 먼 지역일수록 효과가 극적이다. 네트워크 latency가 높은 곳에서 preload의 효과가 가장 크기 때문이다.가장 ..
·Development
좋은 개발 문서는 기능을 설명하는 것이 아니라, 프로젝트를 탐색하는 방법을 알려준다. 짧은 기간 동안 두 번의 신규 개발자 온보딩을 맡게 되었다.처음에는 "며칠만 고생하면 되겠지."라고 생각했다. 그런데 막상 시작해 보니 생각보다 훨씬 많은 것들을 알려줘야 했다. Slack, Jira, Git 저장소, 디자인 파일, 개발 환경, API 문서, 이벤트 분석 도구, 배포 방법, 브랜치 전략 등...신규 입사자 온보딩을 두 번 진행하면서 생각보다 훨씬 많은 시간이 "개발"이 아닌 "정보 전달"에 쓰인다는 것을 체감했다. 슬랙, 지라, 컨플루언스, 피그마, Git 저장소, 각종 개발 도구와 Google 시트에 초대하는 것부터 시작이었다. 하지만 초대만으로 끝나지 않았다.지라에 들어가도 데일리 스크럼 티켓은 어디..
·Development
Video SEO를 적용하기 위해 VideoObject(JSON-LD) 구조화 데이터를 도입했다.배포 전에는 Schema Markup Validator에서 모든 항목이 정상으로 표시되었지만, 실제 운영 환경에서는 Google Search Console에서 구조화 데이터 오류가 계속 발생했다.이 경험을 통해 알게 된 점은 Validator와 Google Search Console은 동일한 기준으로 검증하지 않는다는 것이었다. 문제 1. Validator를 통과해도 Search Console에서는 오류가 발생했다.Schema Markup Validator에서는 문제가 없었지만, Google Search Console에서는 다음과 같은 항목이 구조화 데이터 오류로 표시되었다.thumbnailUrluploadD..
·Development
안녕하세요, 프론트엔드 엔지니어 이홍빈입니다.이번 글에서는 AI를 활용하여 무너진 FSD 구조를 살린 경험에 대해 공유하려고 합니다.결론 요약AI harnessing + Guardrail 조합으로 핵심 도메인의 FSD 의존성 위반 -91%, 순환 참조 -90%를 달성했습니다.CI 자동화로 가드레일을 구성하여 지속 가능한 시스템을 구축했습니다.팀원과 함께 문제의식을 갖고, 시각화하고 공동 작업할 수 있는 기반을 마련하였습니다.지표시작 (Apr)결과 (May)감소율총 린트 에러20113-93.5%Boundary 위반14913-91.3%순환 참조313-90.3% [HTML 리포트를 활용한 과정 시각화]배경최근 프론트엔드에서 모듈을 도메인을 기반으로 설계하고, 의존성에 따라 계층화하는 FSD(Feature-sl..
·계속하는개발
글또라는 개발자 글쓰기 커뮤니티의 6개월을 마치며, 회고글을 작성하려합니다.회고는 KPT(Keep, Problem, Try) 형식을 통해 계속 지속하고 싶은 점과 문제점, 앞으로의 액션 아이템을 생각해보려합니다.개발자 커뮤니티나 개발자의 글쓰기에 관심있는 사람들에게 도움이 되기 바랍니다.Keep계속 유지하고 싶은 부분이 있다면, 지속적인 글쓰기와 네트워킹입니다.글쓰기글또를 시작하게 된 계기는 사실 이직을 위해 기술 블로그가 도움이 될까 싶어 시작하게 되었습니다. 글쓰기 자체에 대한 어떤 욕심이나 매력을 갖지 못한 상태로 일종의 포트폴리오를 만들기 위해 반강제적인 루틴이 필요하다고 생각하여 글또를 지원했습니다.결론적으로, 이직에 기술 블로그가 도움이 되었다고 생각하고(정량적으로 판단하기 어려우나, 인터뷰 ..
·계속하는개발
퇴사 후 이직, 후회했을까? 3년차 개발자의 이직 준비 기록이직을 고민하는 개발자라면 누구나 한 번쯤 "선 퇴사 후 이직이 괜찮을까?"라는 질문을 해본 적이 있을 것입니다. 저 또한 같은 고민 끝에 이직처를 확정하지 않은 채 퇴사를 결심했고, 그 이후의 과정과 결과를 공유해보려 합니다. 저는 첫 회사에서 2년 3개월 동안 근무한 뒤 퇴사를 했고, 이 글이 비슷한 고민을 하는 개발자들에게 조금이나마 도움이 되길 바랍니다.1. 퇴사 후 이직, 후회했을까?✅ 선퇴사를 결정한 이유왜 퇴사를 결심했는지웹 개발을 하는 사람으로서 프론트엔드 직무를 좀 더 다양하게 경험하고 싶었습니다. 하지만 회사의 웹 서비스 특성과 로드맵을 예상해봤을 때, 아쉬움이 남았고, 사용자 피드백을 빠르게 반영하는 개발 프로세스에 대한 갈증..
RED BEAN
REDBEAN