Blog - LINE ENGINEERING

TAG ARCHIVES: iOS

간편하게 서버 데이터를 로딩하는 Fetcher, Swift로 구현하기
윤기영2022-02-18
ABC Studio에서 앱 개발을 하고 있습니다.
서론 서버 데이터를 조회해 앱 화면에 보여주는 것은 앱 개발자라면 자주 하는 일입니다. 이때 앱 개발자들은 주요 작업 외에 아래와 같은 추가 작업들을 진행하기 위해 시간을 소비합니다. 한 번 로딩한 콘텐츠는 다음에 로딩 없이 바로 나타나게 하고, 네트워크에 연결되어 있지 않아도 표시되도록 합니다. 데이터가 변경되면 통지를 받아 화면이 업데이트되도록 합니다. 해당 기능을 모듈화해 간편하게 재사용합니다. 위와 같은 추가 작업 패턴을 모듈화해서 구현해 놓은 Google Android의 Fetcher를 소개하고, 적용기를 공유하려고 합니다. Fetcher에 대한 내용은 Google Android에서 작성한 앱 아키텍처 가이드에서 찾아보실 수 있습니다. 이 가이드에서는 개념 설명과 함께 Kotlin으로 구현한 간단한 샘플 코드 몇 줄을 소개하고 있습니다(이 코드를 따로 모듈화해서 배포하고 있지는 않습니다). 그런데 이 가이드의 설명이 조금 어렵고 내용이 방대해
- Android
- iOS
사내 클라이언트 개발자 행사, LINE Client Day 2021 후기
신윤권, 김윤재2021-12-03
LINE 클라이언트 앱 개발을 담당하고 있습니다.
인사말 안녕하세요. LINE 클라이언트 개발자 신윤권, 김윤재입니다. 저희는 지난 10월 27일과 28일, 양일간 LINE Platform Engineering 1 센터에서 사내 기술 공유 행사로 개최한 'LINE Client Day 2021'를 진행했습니다. 먼저 행사에서 다양한 주제를 공유해 주신 발표자분들과 행사에 참여해 주신 분들께 다시 한 번 진심으로 감사드립니다. 이번 글에선 LINE Client Day 2021 행사에서 발표됐던 주제와 참가자들의 소감, 그리고 사내 행사를 진행하면서 저희가 느꼈던 점을 공유하겠습니다. LINE Client Day 소개 '새로 알게 된 지식을 옆자리 동료도 알게 하라'라는 말로 LINE의 기술 공유 문화를 적절히 표현할 수 있을 것 같습니다. LINE의 많은 개발자는 열심히 연구하며 자신의 지식을 꾸준히 넓혀 나가고 있고, 그 과정에서 알게 된 새로운 지식을 수시로&nb
Swift Concurrency에 대해서
김윤재2021-10-22
iOS Platform Dev 팀의 iOS 개발자입니다.
안녕하세요. iOS Platform Dev 팀의 김윤재입니다. 1편에서 설명드렸던 것과 같이, 온보딩 스터디에서 공부한 내용 중 저에게는 동시성 프로그래밍(concurrency)에 관한 내용이 가장 도움이 되었습니다. 앱의 성능 향상을 위해서는 알맞은 동시성 코드를 작성해야 합니다. 온보딩 스터디에서는 기존에 Swift에서 동시성 코드를 작성할 때 주로 사용하는 GCD(Grand Central Dispatch)를 어떻게 사용하는지, 내부 구현은 어떻게 되어있는지 자세히 공부해 볼 수 있었습니다. 또한 온보딩 스터디와 별개로 LINE 내 iOS 개발자들끼리 진행한 WWDC 2021 스터디에서는 새로 소개된 Swift Concurrency에 대해서 발표를 했는데요. 이 두 스터디를 통해 기존의 GCD와 새로 도입될 Swift Concurrency에 대해 비교하면서 공부해 볼 수 있었고, 둘의 차이점을 알 수 있었습니다. 이번 포스팅에서는 제가 스터디를 통해 알게 된
- iOS
Swift 타입 시스템 탐험기
김유진2021-10-05
Service Client Dev 2팀의 iOS 개발자 김유진입니다.
안녕하세요. 김유진입니다. 이번 글에서는 제가 iOS 신입 스터디에서 가장 흥미롭게 공부했던 Swift의 타입 시스템을 다루겠습니다. 어떤 프로그래밍 언어든 코드를 재사용하기 위한 도구가 있습니다. Swift에서는 제네릭스(generics)를 이용해서 유연하게 재사용 가능한 코드를 작성할 수 있습니다. 제네릭스는 Swift를 사용하다 보면 끊임없이 만나게 되는데요. Array, Dictionary를 포함해 표준 라이브러리의 수많은 API가 제네릭스로 구현되어 있기 때문입니다. Swift 제네릭스는 널리 쓰이면서 해마다 진화해 왔습니다. 또한 앞으로도 문법과 기능 측면에서 수많은 변화를 예고하고 있는 역동적인 주제입니다. 이번 글에서는 Swift의 제네릭스와 프로토콜 타입, opaque result 타입이 어떻게 맞물려 코드 재사용 문제를 풀어 나가고 있는지 살펴보고, 타입 시스템이 앞으로 나아갈
- iOS
두 달간의 온보딩 스터디, LINE iOS 신입 개발자 적응기
김유진, 김윤재2021-09-17
Service Client Dev 2팀의 iOS 개발자 김유진입니다. / iOS Platform Dev 팀의 iOS 개발자 김윤재입니다.
안녕하세요. LINE 신입 iOS 개발자 김유진, 김윤재입니다. 저희는 세 편의 시리즈 글을 통해 어떻게 재택근무 환경에서 신입 iOS 개발자 스터디를 진행했는지, 스터디에서 어떤 내용을 배웠는지 공유하려고 합니다. Q. 자기소개 부탁드립니다. 김윤재 님(이하 윤재): 안녕하세요. 올 6월에 iOS Platform Dev 팀에 입사한 김윤재입니다. iOS Platform Dev 팀은 특정 화면이나 기능에 국한하지 않고 다른 iOS 개발 부서에서 사용할 수 있는 모듈과 같은 공통적으로 사용할 수 있는 기능을 개발하는 팀입니다. 대학 졸업 후 LINE 신입 공채를 통해 곧바로 입사하게 되어서 개발자로서의 커리어를 LINE에서 처음 시작하게 되었습니다. 김유진 님(이하 유진): 안녕하세요! 윤재 님과 함께 입사해 이제 입사한지 세 달 된 신입 LINER 김유진입니다. 저는 대학생 시절에도 클라이언트 개발에 관심이 많았는데요. LINE에 입사하면서 본
- iOS
LINE 메신저 프로필 꾸미기에 CSS Flexbox를 활용한 Flex 레이아웃 적용하기
LINE Engineering2020-12-03
인사말 안녕하세요. LINE 프로필과 스토리를 담당하고 있는 조영준, 박현민입니다. 올해 진행한 여러 프로젝트 중에서 '프로필 꾸미기'라는 프로젝트를 여러분들과 공유하고 싶어서 이렇게 글로 전하게 되었습니다. 혹시 비슷한 상황에서 저희와 같은 고민을 하시는 분들에게 이 글이 도움이 되기를 바라며, 즐겁고 재미있게 읽어주시길 바라겠습니다. 프로필 꾸미기란? 지난 8월에 LINE 클라이언트 10.13 버전으로 프로필 꾸미기라는 기능이 런칭되었습니다. 이 기능을 통해 LINE 사용자는 본인의 LINE 프로필에 여러 가지 스티커나 위젯, 효과 등을 넣어 개성 있는 자신만의 프로필을 만들 수 있습니다. 위젯은 단순 스티커나 스탬프, 이미지에 비해 다소 이미지 레이어의 복잡도가 높은 구성 요소입니다. 스티커와 D-day 위젯, 포토 프레임 위젯, 텍스트 위젯 등으로 구성된 아래와 같은 이미지로 대표할 수 있습니다. 프로필
- Android
- iOS
Bazel로 LINE의 iOS 앱 빌드 속도를 2배 빠르게!
LINE Engineering2020-08-07
최근 몇 년 동안 LINE 앱의 iOS 소스 트리는 지속적으로 성장해 수백 개의 모듈로 늘어났습니다. iOS 버전의 소스 코드는 2019년 말 기준으로 140만 줄을 넘어섰으며, 이러한 증가세는 멈출 기미가 보이지 않습니다. 그 결과 LINE iOS 버전의 빌드 시간이 크게 증가했습니다. 또한 프로젝트의 규모가 커지면서 로컬 환경에서는 문제 없이 실행되는 빌드가 CI에서는 실행되지 않거나 혹은 그 반대의 경우가 발생하는 것과 같은 재현 불가능한 문제점도 늘어났습니다. 그래서 저희는 잠시 한 발자국 뒤로 물러나 빌드 성능을 개선하고 문제의 재현 가능성을 높일 수 있는 방법에 대해 고민해 보았습니다. 의존성 관리 개선 저희 팀에서는 2012년 말에 의존성 관리 도구인 CocoaPods를 도입했습니다. CocoaPods는 프로젝트를 클린 빌드할 때마다 모든 pod 라이브러리를 다시 빌드해야 하므로 많은 시간이 소요되는 단점이 있지만(
UICollectionView를 이용한 LINE iOS 대화방 리팩토링 - 2
LINE Engineering2020-05-26
지난 1편에서 UICollectionView의 커스텀 레이아웃 기능을 활용해 대화방 UI를 표시하는 방법에 대해 설명했습니다. 이번 글에서는 대화방에 뷰 모델을 적용한 방법과 비동기 콘텐츠 로딩을 처리한 방법을 설명한 뒤 리팩토링하면서 어려웠던 점과 개선된 점, 그리고 앞으로 더 개선해 나가야 할 점들에 대해서 이야기해 보겠습니다. 개선 사항 메시지 뷰 모델(MessageViewModel) 도입 MessageViewModel 클래스는 메시지 셀을 표시하기 위한 데이터를 관리하는 클래스입니다. 메시지 셀과 유사하게 각 메시지 종류별로 서브클래스를 만들어 정의했습니다. 각 서브클래스에서는 cellClass라는 프로퍼티를 구현하고 해당 메시지 뷰 모델을 표시하기 위해 사용할 셀 클래스를 반환합니다. cellClass 프로퍼티는 ChatView에서 UICollectionView에 셀을 등록하는 시점에 사용합니다. 메
- iOS
UICollectionView를 이용한 LINE iOS 대화방 리팩토링 - 1
LINE Engineering2020-05-26
LINE의 대화방 화면은 사용자가 가장 많이 사용하는 화면 중 하나이며 새로운 기능이 계속 추가되고 있습니다. 그에 따라 코드가 점점 복잡해지면서 최근에 리팩토링을 진행했고, 그 과정에서 UICollectionView를 도입했습니다. 저희는 이번 리팩토링 과정에서 사용한 iOS 기술과 뷰(view) 모델 도입을 중점으로 대화방의 코드를 어떻게 개선했는지 블로그를 통해 두 번에 걸쳐 공유하려고 합니다. 이번 리팩토링 프로젝트에서는 기존에 UITableView를 이용해 구현되어 있던 UI를 UICollectionView를 이용하도록 변경하고, UICollectionViewLayout의 서브클래스를 만들어 원하는 뷰를 자유롭게 대화방에 표시할 수 있도록 변경했습니다. 또한 메시지 셀(cell) 내부의 프레임 기반 레이아웃을 자동 레이아웃 기반으로 변경하여 레이아웃 코드를 단순화했고, 기존에 없던 뷰 모
- iOS
LINE 메신저 앱의 공유 모듈 통합 개발기 - 2
LINE Engineering2020-01-22
지난 1편에서 LINE iOS 공유 기능 모듈을 개발하면서 겪었던 어려움과 이를 해결해 나간 방법을 아래 여섯 가지로 나눈 뒤 '1. 데이터 모델 규약 통합'과 '2. 데이터 공유 로직 통합'의 내용을 먼저 설명드렸습니다. 데이터 모델 규약 통합 데이터 공유 로직 통합 사용 가능한 서비스 목록 판단 커스텀/추가 액션 제공 예외 처리 일반화 UI/UX 개선 이어서 이번 글에서는 '3. 사용 가능한 서비스 목록 판단'부터 '6. UI/UX 개선'까지 설명드리면서, 공유 모듈을 사용하는 LINE 내 여러 서비스의 다양한 요구 사항을 만족하면서 유지 보수가 편하고 확장 가능한 구조로 구현하기 위해 저희가 어떤 고민을 했는지 공유하겠습니다. 3. 사용 가능한 서비스 목록 판단 아래와 같이 공유 화면의 하단에는 대화방 이외에 콘텐츠를 공유할 수 있는 서비스 목록이 나타납니다. 그림 5. 공유 가능한 서비스 목록 공유를 시
- iOS
- Data/AI

1 2 3