안녕하세요. 저는 GS SHOP Mobile 개발팀에서 디자인 시스템 구축을 담당하고 있는 이인영입니다. 디자인 시스템에 대해 Product UX 팀의 박이슬 매니저님께서 상세히 작성해 주신 내용들이 있기에 저는 간략하게 디자인 시스템에 대해 설명하고 현재까지 어떤 방식으로 디자인 시스템을 작업하고 있는지, 디자이너와 개발자의 협업과 디자인 토큰이 무엇인지 그리고 디자인 토큰을 정의하여 테마를 적용해 보는 것에 대해 이야기해 보려고 합니다. 작년 9월 말 모바일 개발팀에 합류하게 되면서부터 GS SHOP 디자인 시스템을 구축하기 시작했습니다. 디자인 시스템은 회사 내에서 많은 분들이 관심을 가지고 계시는 분야이기도 하고 전 세계적으로도 계속해서 뜨거운 이슈입니다. Google의 Material Desig..

안녕하세요! GS리테일 DX COE팀의 김헌기입니다.  오늘은 제가 GenAI 기술을 접한 경험과, 그 중에서도 특히 AI 코드 에디터 활용 경험을 공유하고자 합니다.1. GenAI 기술과의 첫 만남GenAI와의 첫 인연AI 및 공통 Tech 기반의 기술 표준화 업무를 수행하던 중에 GenAI 관련 기술을 접하게 되었습니다.  당시 회사 내 AI 도입에 대한 회의적인 분위기 속에서도, GenAI 관련 기술의 잠재력에 호기심을 가지고 지속적으로 관찰했습니다.  LLM이 코딩에 특화되어 있다는 것을 알게 되었지만, 당시에는 성능이 아쉬워 큰 기대를 하지 않았습니다.GenAI 기술의 발전GPT-4의 등장으로 코드 생성 능력이 크게 향상되는 것을 목격했습니다.  하지만 여전히 실제 프로덕션 환경에서의 활용에는 ..

안녕하세요 클라우드팀 백승엽 매니저입니다. 아시는 분들은 아시겠지만, 홈쇼핑에서 사용하고 있던 IDC의 사용 주기가 만기됨에 따라 해당 IDC의 시스템 이전 방안에 대해 다각도로 검토하였고 현재, 클라우드 환경인 AWS로 IDC 이전을 계획 및 진행중에 있습니다. 이 시기와 더불어 2월에 IDC to AWS DB POC를 진행한 경험과 WEBDB를 aurora postgres로 전환이 진행되고 있는 것을 함께 묶어 DB migration 시 반드시 확인하고 고려해야 할 방법론에 대한 글을 써보고자 합니다. (실은 예전에 써두었는데, 노트북 메인보드 교체하면서 원노트 글이 사라졌다죠.. 하핫... 다시 쓰는 맛이 참 좋네요... ㅜㅜ) 현재 홈쇼핑에서 사용중인 DB는 ORACLE 외에 mysql, auro..

아침에 출근을 하여 여러 업무시스템에 로그인할 때 업무시스템마다 로그인해야 된다면 얼마나 불편할까요. 하나의 아이디 및 패스워드로 여러 업무시스템에 접근하고 싶을 것 입니다. 이때 필요한 것이 SSO, Single Sign On 인데요. 하나의 디바이스에서 단일 계정 로그인으로 이미 자격증명이 약속된 여러 서비스에 접근 할 수 있습니다. *웹 환경에서는 하나의 웹브라우저를 하나의 디바이스로 인지하고 있습니다. 임직원용 SSO를 오픈소스 SSO로 도입하여 운영중인데요. 이번에는 SSO와 관련된 이야기를 적어보려 합니다. 1.왜 도입하려고 했는지 ... 기존에 상용 LDAP과 연결 된 상용SSO를 8개의 내부시스템에 연동되어 임직원 전용으로 사용하고 있었는데 어려움이 있었습니다. LDAP, SSO에 대한 ..

안녕하세요. Product UX팀의 박이슬입니다. 지난 4월 27일 GSR UXUI디자이너 커뮤니티 d’sco 2회가 성황리에 개최되었습니다. 1회보다 규모가 커져 단단히! 준비를 한 걸로 알고 있는데 참여하고 나니 이런 자리가 그동안 얼마나 필요했고 원했는지 알 수 있는 뜻깊은 시간이었습니다. 2회 때는 가장 관심이 많고 핫한 디자인 시스템에 대해 ‘디자인 시스템 어디까지 해봤니?’를 주제로 현업에서의 이야기를 생생하게 듣는 자리를 가졌습니다. 오늘은 그 내용을 핵심만 요약해서 공유드리도록 하겠습니다. 디자인 시스템 어디까지 해봤니? 리테일 내에서도 관심이 많은 디자인 시스템! 일부 서비스 별로 실제로 적용 중인 거 알고 계셨나요? 현재 진행 중인 디자인 시스템 제작을 어떻게 시작했고 어떤 식으로 만들..

안녕하십니까. 모바일 FO 이승욱 매니저입니다.약 2년 동안 React, Vue, SSR 등 많은 환경에서 여러 서비스를 개발해왔습니다. 현재는 Flutter를 통해서 앱개발을 하고 있는데, Flutter는 웹 기반의 프레임워크와 유사하면서도 다른 점도 많은 프레임워크인 것 같습니다. 웹과 달리 Flutter는 앱 화면을 위젯 기반으로 생성하며, 스타일링부터 적용되는 디자인 패턴도 다르기 때문입니다. Flutter는 독자분들이 잘 아시다시피 유명한 프레임워크고 많은 패턴과 좋은 라이브러리들이 나왔기에 저는 아직까지 많이 연구되지 않은 Code Push에 대해 저의 리서치 내용을 공유하고자 합니다.고민을 하게 된 이유웹과 API를 개발하다가 앱 개발팀에 왔을 때, 가장 어려운 점은 배포 프로세스였습니다. ..

배경 우리동네GS 앱은 기존 ‘나만의 냉장고’ ‘GS THE FRESH’ ‘우리동네딜리버리’ 3개의 앱(GS25, GS The Fresh, 퀵커머스, 와인25플러스 4개의 비즈니스)을 하나로 통합하였다. 웹뷰기반의 하이브리드앱인 기존 서비스들을 Flutter를 사용하여 완전히 새롭게 개발하였고, 기존의 비즈니스와 기능을 단순 통합하지 않고, 새로운 비즈니스(픽업등)와 기존 앱의 가장 불안정한 랜더링 및 서비스 성능을 높이는 것이 주요 프로젝트의 목표였다. 새로운 기획&디자인을 만족하고 더 나은 성능의 새로운 앱을 만들기 위해, Front- end / Back-end에 다양한 솔루션을 도입했고, Front-end 는 메뉴 진입 속도 개선등을 위한 솔루션 사용으로 메모리 사용량 이슈(특히 구형 Android..

패션상품검색 시스템 개선 배경GS SHOP은 국내 최대 규모의 온라인 패션 플랫폼으로, 700만 개가 넘는 방대한 양의 패션 상품 데이터를 보유하고 있습니다. 이러한 대규모 데이터에서 고객이 원하는 상품을 빠르고 정확하게 검색할 수 있도록 하는 것은 온라인 쇼핑 경험을 향상시키는 데 있어 필수적입니다. 기존에는 상품 이미지와 상품명, 카테고리 정보 등 제한된 데이터만을 활용하여 의상의 속성을 분류해야 했습니다. 하지만 새로운 상품이 지속적으로 등록되면서, 이를 수작업으로 분류하는 것은 비용과 시간 측면에서 비효율적이었습니다.GS SHOP은 비용 효율성( ‘24년8월 기준, Amazon Bedrock Claude 3 Haiku 1,000개 Input 토큰당 0.0125 USD), 빠른 응답 속도, 그리고 ..

시작하며 IT이노랩의 김광섭입니다. GS리테일에서 업무를 한지 벌써 1년이 지났습니다. 제가 속한 이노랩에서는 여러가지 일을 하고 있으며 최근에는 GSRetail API HUB프로젝트를 통해 1차 결과물을 냈습니다. 이미 다른 회사에서 API Gateway 관련 개발을 진행 했었고 현재도 사용 되고 있지만, 이 프로젝트를 진행하면서 시도한 새로운 경험을 공유하기 위해 이 글을 쓰기 시작했습니다. 기존에 이미 널리 퍼진 기술들이 있기 때문에 새로운 방식이 크게 의미가 없을 수 있습니다. 하지만, 기술이 쉽게 설명되고 쉽게 사용될 수 있으면 그 기술을 이해하고 사용하는 개발자들은 다른 시각을 가지고 문제를 해결 할 수 있기 때문에 개발자들에게는 작게나마 도움이 될 것이라고 생각합니다. nginx 란? ngi..

# GS SHOP의 AWS 네트워크 변경 배경 GS SHOP은 오랜 기간 운영해온 인천 IDC의 서비스 종료에 맞춰, All Cloud 전환을 목표로 1,000대 이상의 서버를 클라우드로 이전하기 시작했습니다. 이 대규모 전환 작업은 2024년 성공적으로 마침표를 찍게 되었고, 이 과정에서 고도화 및 개선한 경험을 나눠보고자 합니다. # 개요 및 목표당시 AWS에 구성되어 있는 GS SHOP의 네트워크 환경을 유지한채로, IDC 이전시 초래될 복잡성과 기존 운영 하면서 불편했던 구조적 어려움을 해소하고자 두가지 방향성을 가지고 이관을 진행하였습니다. 첫번째. TGW와 DX Gateway 연동 구조를 통해 라우팅 구조를 간결하게!!두번째. TGW 중심으로의 네트워크 통합 구조를 통해 복잡하게 얽혀있던 구성..

들어가며... 개발자 온라인 커뮤니티 중 하나인 DZone의 2022년 리서치에 의하면 개발자의 마이크로서비스를 운영하는 비율이 93%라고 합니다. 마이크로 서비스에 대한 부정적 의견들도 나오고 있지만 2021년 74%에 비하면 계속적으로 증가하는 추세입니다. 마이크로서비스를 설계한다는 것은 통합환경에서 분산환경으로의 전환을 의미합니다. 이는 어플리케이션간의 상호 의존성(결합도)을 적절하게 관리하는것이 중요합니다. 샘뉴먼의 "마이크로서비스 도입, 이렇게 한다" 는 책에서는 분산환경하에서 중요한 coupling의 종류를 4가지로 들고있습니다. Implementation Coupling, Temporal Coupling, Deployment Coupling, Domain Coupling 입니다. 자세한 설명..

샤피라이브는 GSSHOP 의 대표 라이브커머스 서비스입니다. 코로나 19로 언택트 시대가 성큼 다가온 지금, 우리 삶의 많은 부분이 달라졌습니다. 우리의 삶이 바뀐 만큼 소비 방식에도 큰 변화가 있었습니다. 2020년 1월을 기점으로 온라인 소비의 비중이 오프라인 소비를 넘어섰고, 점차 온라인 소비의 비중은 늘어나는 추세입니다. 라이브커머스는 오직 상업 활동에 국한되지 않는 하나의 콘텐츠이자 소위 ‘MZ세대’의 새로운 쇼핑문화로 정착되고 있습니다. 스마트폰 한 대로 모든 과정을 완료할 수 있어 편리하고,기존 홈쇼핑의 엄격한 방송 심의가 없어 소비자와 편하게 소통할 수 있는 플랫폼으로 사용되기 때문입니다. 기존 홈쇼핑이나 온라인 쇼핑몰은 일방적인 커뮤니케이션을 진행하지만, 라이브커머스는 판매자와 소비자가 ..