gRPC With_flutter

안녕하세요, 2025년 상반기 셀메이트 개발자 컨퍼런스 D²에서 모바일 직무자 대표로 발표를 하게 된 POS팀 장지은입니다.👋🏻 Flutter 어플리케이션으로 gRPC 통신을 하는 방법에 대한 주제로 발표를 진행하였는데요, 블로그를 통해 다시 인사드리면서~ 많은 관심 부탁드립니다!🙇🏻‍♀️ 🙋🏻‍♀️ 새로운 기술을 도입사고자 하는 당신의 선택은?! 1️⃣ 이론부터 빡세게 준비한다! 2️⃣ 공식문서를 훑어보고 바로 적용해보면서 알아가본다! 3️⃣ 바로 프로젝트 만들어본다! 컨퍼런스 당일 많은 분들이 2번 항목에 손을 들어주셨는데요. 저 또한 2번의 방식으로 새로운 기술을 배워가기 때문에 이번 주제에 대해서도 해당 기술 이론에 살짝 접근해보고 접목해보려고 합니다. ...

2025-01-18 22:14 · 6 분 · 1153 단어 · 장지은

🛠️ 디버깅을 잘하는법?

🛠️ 디버깅을 잘하는법? 🤝 페어 디버깅 경험 제가 일을 하며 있었던 하나의 에피소드에 대해 얘기해보려고 합니다. 저는 제 업무를 보고 있던 중 한가지 긴박한 슬랙이 오게 됩니다. ⚠️ 문제 상황 : 메이크샵 자동발송 누락 특정 주문건이 배송준비중 상태로 남음 다른 주문건은 정상적으로 발송 처리됨 정리하자면 API를 통해 데이터를 넘겼는데 일부만 반영된 상황이였죠 저는 그 질문을 듣고 10초 채 되지 않아 이렇게 답변을 드렸습니다. 그러자 화진님은 당황하여 얼굴에 물음표가 가득하게 됩니다. 이 에피소드를 통해 디버깅 역량을 키우기 힘든 이유를 말해주기도 합니다. ...

2025-01-18 22:14 · 4 분 · 849 단어 · 남나현

Next.js 도입기

이번 컨퍼런스에서 기존에 사용하던 Vue.js와 Quasor 대신에 새롭게 Next.js를 사용하여 프로젝트를 진행한 경험에 대해서 발표를 하게되었습니다. 새로운 기술인 Next.js의 대표적인 장점과 도입하는 과정 및 문제에 대한 내용이였습니다. 앞으로 Next.js를 새롭게 도입하려는 계획이 있거나 관심이 있으신 분들에게 도움이 되었으면 하고자 컨퍼런스에서 발표했던 내용들을 포스트를 통하여 다시 한번 정리하고자합니다. 📖 Next.js의 대표적인 장점 커뮤니티의 크기 Vue.js는 낮은 러닝커브와 가벼운 크기, 반응형 데이터 바인딩 등 다양한 장점을 가지고 있는 언어입니다. 다만, 상대적으로 프론트엔드 개발의 주류를 차지하고있는 React와 비교했을때에는 유저수가 작습니다. ...

2025-01-18 17:19 · 5 분 · 978 단어 · 진영진

<GraphQL: REST API와의 차이점과 장단점>

🧑‍💻 GraphQL이란? GraphQL은 클라이언트가 서버로부터 데이터를 효율적으로 요청하고 가져오기 위해 설계된 데이터 쿼리 언어입니다. Facebook에서 2015년에 공개했으며, 하나의 엔드포인트를 통해 필요한 데이터만 정확히 요청할 수 있는 API 설계 방식입니다. 클라이언트 주도형 쿼리: 클라이언트가 원하는 데이터 구조를 지정하여 요청 가능 스키마 기반: API의 데이터 구조와 타입을 명확히 정의 유연성: 다양한 데이터를 단일 요청으로 가져올 수 있음 🔍 GraphQL의 탄생배경과 목표 GraphQL은 기존 REST API가 가진 한계를 극복하고, 데이터 전송과 요청 방식을 더 효율적이고 유연하게 만들기 위해 만들어졌습니다. ...

2025-01-17 03:56 · 5 분 · 856 단어 · <김소은>

Init 테스트코드

본 내용은 셀메이트 개발자 컨퍼런스 D² 에서 발표된 내용을 조금 각색하여 구성하였습니다. 안녕하세요. 셀메이트 상품개발팀에서 벡엔드 직무를 맡고 있는 최성욱입니다. 상품개발팀은 많고 다양한 판매처에서 주문을 수집하고 정제하여 저장합니다. 수십개의 많은 판매처를 다루는 만큼 에외처리가 복잡하고 다양한데요. 때문에 로직을 수정할 경우 높은 집중력이 요구됩니다. 하지만 신중히 작업을 진행하더라도 사람인 만큼 작업 중 실수가 나오는 경우가 종종 있습니다. 주문수집은 고객의 업무와 직결되는 만큼 작은 실수가 치명적일 수 있는데요. 이에 작업자의 실수가 일어났을 경우 미리 파악하고 방어할 수 있는 시스템이 필요합니다. ...

2024-07-21 12:38 · 15 분 · 3165 단어 · 최성욱

Refactoring

이번 컨퍼런스에서 Refactoring 이란 주제를 통해 설계와 소프트웨어의 가치에 대해 이야기 해 보는 세션을 진행했습니다. 사실 제가 해당 세션을 통해 전달하고자 한 것은 리팩토링 자체 보다는 이 주제를 매개로 소프트웨어와 개발에 대한 이야기를 하고 싶었습니다. 본 포스트를 통해서 해당 내용을 다시한번 정리 해 보도록 하겠습니다. 리팩토링(Refactoring) 이란? 개발 직무를 수행하는 분 중에 리팩토링이라는 용어를 처음 접하는 분은 아마도 찾기 힘들정도로 보편적으로 알려진 개념중에 하나일 것입니다. 하지만 세션 중 질문을 통해 볼 수 있었듯이 여러분 각자가 생각하는 리팩토링의 정의나 리팩토링이라는 용어가 주는 무게감이 다를 수 있을거라 생각합니다. 마틴 파울러Martin Fowler가 이와 관련 된 주제를 Refactoring 이라는 제목의 책으로 출간하기 전 까지는 리팩토링에 대한 시도와 연구가 활발히 이루어지던 스몰토크Smaltalk 커뮤니티에서도 이해의 차이가 많이 있었습니다. ...

2024-07-20 06:00 · 7 분 · 1413 단어 · 박은준

SPA와 SSR 그리고 브라우저의 동작원리

📖 개요 SPA와 SSR, 그리고 브라우저 동작 원리에 대해 알아보겠습니다. 이전 사내 개발자 컨퍼런스에서, SPA와 SSR, 그리고 브라우저 동작 원리에 대한 내용을 주제로 발표를 하게 되었는데 아무래도 다른 분야에서는 크게 중요하지 않은 내용이지만 결국엔 우리가 개발하는 모든 과정이 서로 긴밀하게 연결되어 있고 그 과정에서 다른 직군의 기술이나 정보를 얻게 되면 각자의 역할을 이해하며 더 좋은 결과를 만들어낼 수 있다고 생각합니다 앞으로도 이런 기초적인 원리들을 잘 이해하고, 최신 기술들을 적극적으로 도입하여 더 나은 제품을 만들기 위해 노력하면 좋겠습니다. ...

2024-07-19 15:56 · 6 분 · 1130 단어 · 정태환

Flutter Multi Platform

Flutter 란? Flutter는 구글에서 2017년도에 발표한 dart 언어를 기반으로 한 오픈소스 크로스 플랫폼 GUI 프레임 워크입니다. 지원 플랫폼은 Android, IOS, Mac OS, Window, Linux, Web이 있습니다. 이번 주제에서는 Flutter가 어떻게 Multi Platform 을 지원하는가 에 대해 알아보겠습니다. 다양한 Multi Platform 지원 방법론 Native App 작성한 코드를 통해 직접적으로 Platform OEM Widget을 호출 하여 렌더링 하고 하드웨어 서비스에 접근 하는것을 볼 수 있습니다 Hybrid App UI렌더링은 Js를 이용해 WebView를 통해서 진행하고 Platform service는 Bridge를 통해 접근 합니다. ...

2024-07-19 10:02 · 4 분 · 797 단어 · 송기수

Sellmate Network Infrastructure

📖 개요 셀메이트의 네트워크는 어떻게 구성이 되어 있을까요? 처음으로 진행한 사내 개발자 컨퍼런스에서, 사내 네트워크 구조 및 특징에 대한 내용을 주제로 발표를 하게 되었습니다. 발표 주제에 관해서, 어떤 내용이 개발자분들에게 도움이 될까를 많이 고민하다가, 사내 네트워크의 특징적인 부분에 대한 개론적인 발표를 진행하였는데, 교육이 끝난 후, 이런 내용이 꼭 필요했었던 거 같고 도움이 많이 되었다는 피드백을 받아서 뿌듯했던 시간이었는데요. 이번 발표 내용을 간단히 정리해보았습니다. 🏷️ IP 통신을 하기위해서는 IP가 필요하겠지요? 출발지와 목적지를 식별할 수 있어야, 데이터도 주고 받고, 요청과 응답도 주고 받을 수 있을 것입니다. IP는 외부 네트워크에서 사용되는 공인IP가 있고, 내부 네트워크에서 사용되는 사설IP가 있습니다. ...

2024-07-16 15:32 · 6 분 · 1105 단어 · 황인우