Velopers
모든 블로그
라인

라인

도메인engineering.linecorp.com
주요 카테고리 AI · 백엔드 · 아키텍처

활동 요약

대표 인기 포스트3년 차 앱 개발자가 일하는 순서를 공유합니다582 조회
최근 30일
3개
평균 조회
78
누적 조회
16,955
전체 글
216개
마지막 발행
2026. 11. 13.
블로그 방문

라인 기술 블로그 글 (18)

프론트엔드

녹화 버튼 뒤에서 일어나는 일: LINE 프리미엄콜 개발기

LINE Android의 프리미엄콜에서 음성·영상 전환에도 단일 녹화 파일을 유지하는 구조를 소개했습니다. 온디바이스 STT의 스트림 분리와 비동기 처리, 종료 후 마무리 절차를 설명합니다.

#Android#VoIP#STT
2700

프론트엔드

AttributedString 구조로 풀어낸 대규모 iOS 설정 시스템

LINE iOS의 대규모 서비스 설정 시스템을 AttributedString 구조를 참고해 재설계한 사례를 소개했습니다. 타입 안전성, 동시성, 디버그 오버라이드, 테스트 대역을 함께 개선했습니다.

#iOS#Swift#AttributedString
6400

프론트엔드

코드 품질 개선 기법 30편: (투명한) 운명의 붉은 실

함수 간 암묵적 의존성이 있으면 리팩터링 시 오류가 생기기 쉽다고 설명했습니다. 유효성 검사와 변환 로직을 하나로 묶어 일관성을 보장하는 방법을 제안했습니다.

#Kotlin#refactoring#함수 간 암묵적 의존성
13300

프론트엔드

앱 성공을 위한 필수 요소: 장애 모니터링

모바일 앱 장애 모니터링을 위해 Sentry와 Flutter 기반의 이벤트 수집, 로그 레벨 설계, 대시보드 구성 방법을 정리했습니다. 핵심 이벤트부터 시작해 알림과 대응 루틴을 단계적으로 확장하는 운영 방식을 소개했습니다.

#Flutter#Sentry#모니터링
14500

프론트엔드

3년 차 앱 개발자가 일하는 순서를 공유합니다

앱 개발 작업을 작은 단위로 나누고 리뷰어를 배려하는 순서를 정리했습니다. 기획 리뷰부터 PR 작성, 시간 기록까지 실무에 바로 적용할 수 있는 팁을 공유했습니다.

#Jira#GitHub#PR
58200

프론트엔드

Flutter Riverpod 200% 활용하기

Flutter 상태 관리 라이브러리 Riverpod의 기본 사용법과 서버 데이터 처리, 캐시, 오프라인 대응 같은 응용법을 소개했습니다. 또한 provider 설계 단순화, watch 최적화, 생명 주기 관리 같은 유의점도 정리했습니다.

#Flutter#Riverpod#상태 관리
8700

프론트엔드

LY Corporation의 프런트엔드 기술 동향을 알아보자! State of LY Frontend 2024 실시 보고서

LY Corporation 프런트엔드 조직의 2024년 기술 설문 결과를 정리했습니다. React, Next.js, Jest, Tailwind CSS와 함께 Vite, Vitest 전환 흐름도 확인했습니다.

#JavaScript#React#Vue.js
12400

프론트엔드

코드 품질 개선 기법 6편: 마구 자를 것인가 반듯하게 자를 것인가

줄 바꿈은 코드를 의미 단위로 나눌 때 더 읽기 쉬워집니다. 메서드 체인, 폴백 체인, 엘비스 리턴은 의미가 크게 갈리는 지점에서 끊는 것이 좋습니다.

#Kotlin#refactoring#code quality
19500

프론트엔드

2024 Frontend Global Workshop 참석 후기

LY Corporation Front-end Global Workshop 2024 참석 후기를 공유했습니다. 기술 세션과 네트워킹을 함께 설계해 교류를 넓힌 점이 인상적이었습니다.

#프런트엔드#세미나#컨퍼런스
14400

프론트엔드

3단계로 완성하는 유연한 디자인 시스템

디자이너와 개발자의 리소스 관리를 일원화하기 위해 3단계 토큰 기반 디자인 시스템을 구축했습니다. Figma와 코드, Storybook을 연결해 테마 전환과 컴포넌트 커스터마이징을 유연하게 운영했습니다.

#디자인 시스템#Figma#Storybook
5000

프론트엔드

코드 품질 개선 기법 2편: 확인 여부를 확인했나요?

함수는 값이 이미 확인됐다는 암묵적 가정에 의존하지 않도록 설계해야 합니다. 내부 검증, 반환값 처리, 타입 보장으로 책임을 명확히 나누는 방법을 소개했습니다.

#type checking#Kotlin#model
2900

프론트엔드

Flutter Web을 활용해 제품 개발 환경 개선하기

ConsumerApp에 Flutter Web 개발 환경을 붙여 내부 화면 확인과 커뮤니케이션 효율을 높였습니다. 패키지 업데이트, CORS 대응, 웹뷰·지도 분기 처리로 웹 실행 가능성을 확보했습니다.

#Flutter#Flutter Web#CORS
4400

프론트엔드

Flutter에서 커스텀 린트 활용하기

Flutter 프로젝트에 custom_lint를 도입해 팀 전용 린트 규칙과 자동 수정 기능을 구성한 사례를 소개했습니다. 웹 빌드에서 Platform 사용 문제를 계기로 PlatformHelper와 린트 규칙을 함께 정리하는 흐름을 설명했습니다.

#Flutter#Dart#lint
4700

프론트엔드

물 흐르듯 자연스러운 화면 전환을 향한 여정

LINE iOS 대화방의 화면 전환을 더 자연스럽게 만들기 위해 FluidTransition을 설계하고 구현한 과정을 공유했습니다. 중단 가능성과 입력 반응성, 스냅샷 성능까지 고려한 전환 개선 경험을 소개했습니다.

#iOS#UIKit#UIViewPropertyAnimator
2400

프론트엔드

Flutter 전환의 마침표 - 일본 1위 배달 앱, 세 번째 Recode

일본 배달 앱 ConsumerApp을 React Native에서 Flutter로 전환한 사례를 공유했습니다. PoC, 병렬 개발, 단계적 QA와 배포를 통해 기술 통합과 운영 개선을 이끌었습니다.

#Flutter#React Native#Kotlin Multiplatform Mobile
3500

프론트엔드

LINE Android 앱에 폰트 커스터마이징 기능 적용하기

LINE Android 앱에 회원 한정 폰트를 적용한 과정을 정리한 글입니다. Downloadable Fonts와 테마 주입으로 전체 앱에 동적 폰트를 적용하고 남은 과제도 함께 다뤘습니다.

#Android#Kotlin#CSS
2400

프론트엔드

프런트엔드 영역에서 FileReader를 이용해 MP4 파일 내 오디오 존재 여부 확인하기

LINE VOOM 웹에서 MP4 파일의 오디오 존재 여부를 FileReader와 Range 요청으로 판별했습니다. 브라우저별 API 차이와 iOS 버전별 CORS 이슈를 확인해 단계적 요청 방식으로 해결했습니다.

#FileReader#MP4#HTTP Range
2900

프론트엔드

Jetpack Compose로 LINE 앱 Yahoo!검색 모듈 개발하기

LINE 앱 Yahoo!검색 모듈에 Jetpack Compose를 전면 도입한 사례를 소개했습니다. 상태 일원화, 스테이트리스 설계, Preview 표준화로 안정성과 협업 효율을 높였습니다.

#Jetpack Compose#Android#ViewModel
3200