Blog - LINE ENGINEERING

TAG ARCHIVES: Fintech

결제 제휴를 통해 보다 편하게 결제할 수 있는 세상 만들기
서동규2021-09-15
LINE DEVELOPER DAY 2020에서 서동규 님이 발표하신 Create a more convenient payment world through a payment alliance 세션 내용을 옮긴 글입니다. 안녕하세요. 이번 글에서는 '좀 더 편한 결제 세상 만들기'라는 주제로 LINE Pay의 크로스 보더(cross border) 결제 기능을 소개하겠습니다. 먼저 LINE Pay가 지향하는 크로스 보더 결제의 모습과 그동안의 결과물을 소개한 뒤, LINE Pay의 크로스 보더 결제 플랫폼에서 중요한 역할을 담당하는 두 가지 시스템과 각 시스템의 구조에 대해서 말씀드리겠습니다. 마지막으로 LINE Pay가 앞으로 강화하고자 하는 LINE Pay의 서비스와 그 이유를 말씀드리면서 글을 마무리하겠습니다. 기술 관련 내용보다는 경험 위주의 내용이니 편하게 읽어
NLP와 OCR, 머신 러닝으로 더욱 편리하고 특별한 LINE 가계부 만들기
김길도2021-08-03
LINE Financial Plus F Server Dev2 Back-end/Server Developer
LINE DEVELOPER DAY 2020에서 김길도 님이 발표하신 Technical Initiatives for Convenient Use of LINE Kakeibo 세션 내용을 옮긴 글입니다. 안녕하세요. F Server Dev2 팀에 김길도입니다. 이번 글에서는 LINE OA(Official Account) 메시지로 영수증 이미지를 보내면 가계부에 지출 항목이 등록되고 맞춤형 쿠폰까지 발급되는 LINE 가계부(일본어)의 흐름을 따라가면서, LINE 가계부에서만 경험할 수 있는 UX와 사용자가 좀 더 편리하게 이용할 수 있도록 도와주는 숨겨진 기술들을 소개하겠습니다. 참고. LINE 가계부는 현재 일본에서만 서비스하고 있습니다. LINE 가계부 소개 먼저 LINE 가계부에 대해 소개하겠습니다. LINE 가계부는 수입과 지출 항목을 입력하고
LINE Pay의 'Know Your Customer(KYC)'
백누리(Noori Baek)2021-07-06
LINE에서 Android 개발자로 일하고 있습니다.
LINE DEVELOPER DAY 2020에서 백누리 님이 발표하신 How to Know Your Customer (KYC) in LINE Pay 세션 내용을 옮긴 글입니다. 안녕하세요. LINE Fintech App Dev 팀에서 근무하는 Android 개발자 백누리입니다. 저는 LINE 내부의 Pay 서비스와 LINE Pay 앱을 개발하고 있으며, eKYC를 포함한 KYC와 웹 앱 지원을 주 업무로 담당하고 있습니다. 이번 글에서는 LINE Pay에서 'Know Your Customer(이하 KYC)'를 어떻게 진행하는지 공유하려고 하는데요. 먼저 KYC가 무엇인지 알아보고 LINE Pay의 eKYC에 대한 모든 것과 심사 경향, 앞으로의 계획 순으로 말씀드리겠습니다. KYC와 eKYC KYC는 서류를 통해 개인을 특정할 수 있는 정보를 확인하는 신원 확인과, 신
- Data/AI
- Fintech
requestIdleCallback으로 초기 렌더링 시간 14% 단축하기
LINE Engineering2021-03-12
안녕하세요. LINE 증권의 프런트 엔드를 담당하고 있는 파이낸셜 개발 센터의 Suzuki입니다. 최근 웹 바이탈이 대두되면서 LINE 증권 프런트 엔드에서도 성능 개선에 힘쓰기 시작했습니다. 약 2주 정도 개선 작업을 진행한 뒤 개발 환경에서 계측한 결과, Lighthouse 성능 점수가 기존보다 30점가량 상승했습니다. 성능을 개선하기 위해 다양한 방안을 실시했는데요. 이번 글에서는 그중에서도 흥미로웠던 사례로 requestIdleCallback을 활용해서 레이지 로딩(lazy loading) 가능한 컴포넌트의 로딩을 지연시켜 초기 렌더링 시간을 약 14% 단축할 수 있었던 이야기를 공유하겠습니다. 작업 환경 LINE 증권의 프런트 엔드는 TypeScript와 React로 구성했고 JavaScript 번들은 webpack으로 생성합니다. 이번 글의 내용은 React와 webpack과 관련이 깊습니다. 글
React 컴포넌트를 커스텀 훅으로 제공하기
LINE Engineering2020-08-18
안녕하세요. LINE 증권의 프런트 엔드를 담당하고 있는 파이낸셜 개발 센터의 Suzuki입니다. LINE 증권에서는 React를 사용하고 있습니다(참고(일본어)). React의 16.8 버전에서 도입된 훅(hook) 기능은 매우 혁신적인데요. 특히 커스텀 훅이라는 개념 덕분에 React에서 컴포넌트를 설계하는 방식이 크게 변화했습니다. 저희 팀에서도 훅의 시대에 컴포넌트를 설계하면서 시행착오를 겪고 있는데요. 이번 글에서는 그중에서도 최근에 저희가 열중하고 있는 '커스텀 훅으로 컴포넌트 제공하기', 'render hooks'라고 할 수 있는 설계 패턴을 소개하겠습니다. 문제 정의 '몇 가지 체크박스가 있고, 전부 체크하면 다음으로 넘어간다'는 전형적인 패턴을 예로 들어 설명하겠습니다. 아래 이미지와 같이 3개의 체크박스와 '다음' 버튼이 나열되어 있다고 생각해 봅시다. 현재 2개의 체크박스만 체크
개선된 페이지 스택으로 LINE 증권의 웹 페이지 전환 처리하기
sunderls2020-07-29
sunderls is a front-end engineer
안녕하세요! sunderls입니다. 저는 2년 전에 페이지 스택을 주제로 'LINE MANGA: Page Stack을 이용해서 페이지 전환 처리하기'라는 글을 썼고, 현재 LINE 증권에서도 같은 방식으로 프로젝트를 진행하고 있습니다. 그래서 이번 글에서는 페이지 스택이 어떻게 진화했는지, 어떤 과제를 안고 있는지 함께 알아보겠습니다. 개선된 점 먼저 개선된 사항에 대해 공유드리겠습니다. 헤더 parallax 전환 페이지 스택은 네이티브(native) 앱과 같이 페이지 전환을 해도 DOM(Document Object Model)을 삭제하지 않고 순서대로 쌓아 놓는 구조입니다. DOM을 삭제하지 않기 때문에 이전 페이지로 돌아갈 때 순식간에 넘어가므로 깜빡거리는 문제가 해소됩니다. 아래는 예시입니다. 위 예시를 잘 살펴보면 헤더 부분이 네이티브 앱과 조금 다른데요. 네이티브 앱은&
신용 점수 서비스, LINE Score를 소개합니다!
LINE Engineering2019-12-13
LINE의 기술을 소개하는 블로그를 운영하고 있습니다.
시작하며 LINE Score는 LINE 플랫폼에서 생성되는 LINE 사용자의 다양한 활동을 기반으로 산출되는 신용 점수입니다. 현재 일본에서는 LINE Score 그 자체로 신용 점수 서비스가 운영되고 있으며, 동시에 LINE Pocket Money(개인 신용 대출) 서비스에서 대출 신청 고객을 심사할 때도 활용하고 있습니다. LINE Score는 향후 태국, 대만, 인도네시아의 금융 사업 부문에서도 정교한 신용 평가를 위한 LINE만의 차별화 포인트로 활용할 예정입니다. 신용 평가 '시스템'(Credit Scoring System, CSS)을 '개발'한다고? LINE이 금융 사업에 도전을 시작한 후, 많은 분들이 LINE Financial에 합류하셨습니다. 새롭게 합류하신 분들은 대부분 전통적인 금융업권에서의 경력을 갖고 계셨는데요. 일반적으로 금융업권에서 대출 심사에 사용하는 평가 모형을 'Credit Scoring S
- Fintech

1