배우고, 부수고, 다시 만드는 중

최근 진행 중인 BrickML 프론트엔드 애플리케이션에서 큰 과제가 하나 바로 Vue 2 기반 프로젝트를 Vue 3로 마이그레이션하는 작업!! 처음엔 단순히 패키지 업그레이드 정도일 거라 생각했는데, 막상 해보니 호환성 문제, UI 깨짐, 런타임 오류 등 꽤 다양한 난...

최근 Vue 프로젝트에서 Plotly.js를 활용해 데이터를 시각화하는 기능을 구현하면서, 조금 난감한 문제를 하나 마주했습니다. 바로 차트가 너무 작게 그려지는 현상 처음엔 단순 스타일 문제인가 싶었는데, 알아보니 생각보다 복잡한 렌더링 타이밍 이슈였습니다. 🔍 처...

새롭게 맡은 프로젝트에서, 오늘은 FlowNodeDetail 페이지의 Processing Logs 섹션을 사용자 친화적으로 개선하는 작업을 진행했습니다. 데이터 처리 과정을 시각적으로 명확하게 표현하고, 전체 흐름을 쉽게 파악할 수 있도록 UI/UX를 다듬는 것이 주요...

오늘 월드컵 게임의 결과 페이지에서 투표 통계가 제대로 표시되지 않는 문제를 해결했습니다. 통계 매칭 로직과 UI까지 전면적으로 개선했습니다. 🐛 문제 월드컵 게임을 마친 후 결과 페이지에서 "아직 다른 사용자들의 투표 데이터가 없습니다” 라는 안내 문구만 보게 되는...

이직 후 첫 출근 날, 제가 가장 먼저 한 일은 기존 Vue 2 코드베이스를 파악하는 것이었습니다. 주로 React를 써왔고, Vue는 과거 프로젝트에서 몇 달 정도 써본 게 전부였기 때문에 Vue 2는 익숙하진 않았습니다. 문법과 구조도 생소해서 초반에는 낯설었지만,...

개발하다 보면 예상치 못한 버그를 만나게 됩니다. 오늘은 Pik2 게임의 월드컵 토너먼트 모드에서 발생한 흥미로운 버그와 해결 과정을 공유해보려 합니다. 🐛 문제 발견: "어? 내가 선택한 캐릭터가 어디 갔지?" 16강에서 좋아하는 캐릭터들을 선택하고 8강으로 넘어갔...