본문 바로가기

개발 179

[개발회고] 23년 9월 회고 개발 이번 달은 무난한 개발을 하는 달이었다. 저번 달에 클린아키텍쳐와 디자인시스템으로 고민이 많았는데.. 이 고민을 토대로 나름의 구조를 가져가고 있다. 가장 신경쓰느 부분은 코어, 비즈니스, UI레이어를 최대한 분리하면서 개발하는 것이었다. 코어 기능을 만들고 여러 프로젝트에 공유하기 위해 모노레포, 서브모듈 등을 학습하고 있다. 맨 처음부터 구조를 잡고 들어가면 좋겠지만, 시간부족으로 하나의 레포에 폴더단위로 코드를 작성하고 있다. 코어영역이 잡히게 되면 특정기술을 이용해서 잘 처리해야겠다는 생각을 했다. 이때를 대비하기 위해 설정으로 alias를 잡아놓았다. 나중에는 이부분은 갈아치우면 될듯하여 마음이 편하다. 코딩시간 | 106.3시간 몇달만에 다시 월간 코딩 시간이 100시간을 넘었다.ㅋㅋㅋ .. 2023. 10. 9.
[플러터] 비디오 랜더링 이슈 수정기(video-player,dispose) 들어가며 이번 글에서는 플러터에서 20개의 비디오를 재생하면서 발생한 오류를 추적하여 개선을 한 경험에 대한 글입니다. 플러터의 video player부터 사용하는 패키지의 디테일한 설정 및 사용법을 다루진 않습니다. 대략적인 사용법과 이런 점이 문제여서 이렇게 바꿨다의 수준으로만 설명합니다. 에러부터 살펴보자 웹이나 앱 개발자들은 서버개발자와 달리 에러를 추적하기기 쉽지 않습니다. 또한 에러 발생한 것은 알아도 유저의 디바이스나 여러 외부환경에 의해서 달라질 수 있는 만큼 외부 에러추적 서비스를 이용하는 경우가 많은데요. 제가 만들어놓은 앱도 Sentry를 사용하고 있었습니다. 그런중에 어느 순간 반복적으로 특정 에러가 대한 리포트가 오기 시작하고, 실제 유저의 QA문의가 들어와서 해당 이슈를 파헤쳐보.. 2023. 9. 24.
[개발회고] 23년 8월 회고 개발 이번 달은 클린아키텍쳐와 디자인시스템에 대한 고민이 많았던 달이다. 온라인 에디터를 개발하고 있는 상황에서, 점점 복잡해지는 로직, 많이지는 요구사항 생각거리가 한두가지가 아니다. 이럴때 딴딴한 테스트코드와 더 좋은 아키텍쳐가 있으면 어땠을까라는 아쉬움이 많이 드는 달이었다. 조만간 새로운 프로젝트에 들어가는데 이때는 시작부터 빡세게 아키텍쳐를 고민하고 개발해야할듯하다. 이러한 고민을 팀장님께 말씀드렸더니, "그동안 하고 싶은 말이 많았는데, 직접 경험하기 전까지 내가 하는 소리는 잔소리라고 생각할까봐 가만히 뒀어" "개발자는 경험해봐야해, 안타깝지만 꼭 피를 봐야 다음부터 예방하는 족속이지" 이미 피를 본 이상 예방책을 빡세게 세우는 개발자가 될 수 밖에 없는듯하다. 몇달만에 가졌던 여유있는 커피.. 2023. 9. 6.
[Web worker] 웹워커 간단 사용기 들어가며 이번 글은 web worker(이하 웹 워커)에서 postMessage에 대한 에러를 확인하고 이를 수정하는 방법론? 에 대한 글입니다. 이 글에선 웹 워커의 간단한 동작,worker와의 통신, react에서 사용할 때 주의해야 할 점을 다룹니다. Web worker란 web.dev 문서를 잡고하면 웹 워커는 웹 애플리케이션에서 백그라운드 스크립트를 생성하기 위한 API입니다. 이 말보다는 저는 웹 워커는 자바스크립트에 없는 동시성을 주는 브라우저의 기능이다라고 설명합니다. 자바스크립트의 한계 웹 워커는 자바스크립트의 언어 자체가 가진 문제점으로 인해 만들어졌습니다. 자바스크립트는 단일 스레드 환경으로 여러 가지 스크립트를 동시에 실행할 수 없습니다. 그래서 비동기 코드를 작성하거나 setTim.. 2023. 9. 4.