discord·2026년 7월 7일·5분 읽기큐레이션 요약

Discord 패치 노트: 2026년 7월 7일

Discord의 2026년 7월 7일 패치 노트는 앱 성능·연결 속도 개선과 플랫폼별 버그 수정을 다룬다. iOS의 React Native Fabric 전환으로 앱 초기화 시간이 약 20% 단축됐고, 세션 연결 p95/p99 시간도 약 100ms 줄었다. 또한 메시지 전달 시 `@silent` 사용, 모든 서버에서 채널 고정 지원 등 사용성 기능이 확대됐다. ## 앱 성능과 안정성 개선 - iOS를 React Native의 New Architecture인 **Fabric**으로 이전했다. - 일반적인 앱 초기화 시간이 약 20% 개선됐다. - 향후 Android와 iOS의 성능·신뢰성 개선 프로젝트를 확장할 기반을 마련했다. - 세션 시작 로직의 설정값을 변경해 세션 연결 시간의 p95/p99를 약 100ms 단축했다. - Linux에서 NVIDIA GPU 사용 시 X11 연결이 점진적으로 누수되던 문제를 수정했다. - 장시간 실행 후 새 애플리케이션을 열 수 없게 되는 현상을 방지한다. - Windows에서 Discord가 시작 프로그램으로 자동 실행될 때 게임 창의 포커스를 빼앗던 문제를 수정했다. - 이제 백그라운드에서 조용히 실행된다. - 빠르게 두 번 새로 고친 뒤 데스크톱 클라이언트에서 마우스 클릭이 작동하지 않던 문제를 해결했다. ## 메시지 전달과 채널 사용성 - 메시지 전달 기능에서 `@silent`를 지원한다. - 새벽에 DM으로 메시지를 전달할 때 상대방에게 알림을 보내지 않을 수 있다. - 기존에는 Community 서버에서만 제공되던 **채널 고정(Channel Pinning)** 기능을 모든 서버로 확대했다. - 사용자가 자주 쓰는 채널을 개인적으로 채널 목록 상단에 배치할 수 있다. - Linux에서 GIF와 동영상이 반복 재생되지 않던 문제를 수정했다. - 반복 재생 처리가 운영체제별로 제대로 동작하도록 개선됐다. ## 데스크톱 인터페이스 및 프로필 수정 - 프로필 모달의 우측 상단 모서리와 배너 이미지가 어긋나던 문제를 해결했다. - 긴 검색어 입력 시 검색 드롭다운의 “결과 없음” 문구가 컨테이너 밖으로 넘치지 않도록 수정했다. - 작은 창에서 로그인 화면에 불필요한 스크롤바가 나타나고 로그인 박스가 중앙에서 벗어나던 문제를 고쳤다. - 프로필의 사용자 지정 상태 hover 표시가 사각형으로 보이거나 잘못 정렬되던 문제를 수정했다. - 최근 아바타 목록에서 일부 GIF 아바타가 깨져 다시 선택할 수 없던 문제를 해결했다. - 프로필 편집 중 “위젯 추가”를 눌러도 저장하지 않은 변경 사항이 사라지지 않도록 했다. - 사용자 지정 상태의 “24시간 후 삭제” 설정이 자정에 조기 만료되던 문제를 수정했다. - 일반 텍스트 입력창에서도 맞춤법이 틀린 단어를 우클릭하면 맞춤법 제안이 표시되도록 했다. - 검색 필터의 “이후(After)” 날짜가 필터 창을 다시 열 때마다 하루씩 앞당겨지거나 늦춰지던 문제를 해결했다. - 서버 프로필에서 기본 프로필로 전환할 때 tenure 배지 안내창이 잘못 표시되던 문제를 수정했다. - 다른 모달이 열린 상태에서 단축키로 Inbox를 열면 클라이언트가 잠기던 문제를 해결했다. - 배지 허브에서 Nitro나 Shop으로 이동할 때 기존 프로필 모달이 뒤에 남아 있던 문제를 수정했다. - 자신의 위시리스트에서 Nitro를 자신에게 선물할 수 있던 잘못된 흐름을 수정했다. - 이제 Nitro 구독 모달이 열린다. ## 모바일 앱 개선 - Android Nitro 탭에서 일부 기본 테마를 사용할 때 캐러셀 페이지 표시기가 보이지 않던 문제를 해결했다. - iOS 채널 목록을 스크롤할 때 화면이 흔들리거나 위치가 튀던 현상을 수정했다. - Android와 iOS에서 잘못된 `has:` 검색 필터 값이 유효한 필터로 처리되던 문제를 고쳤다. - iOS의 선물 수신자 선택 화면에 불필요한 색상 사각형이 표시되던 문제를 해결했다. - Android에서 닫을 수 없던 서버 애플리케이션 알림을 바깥 영역 터치나 뒤로 가기 버튼으로 닫을 수 있게 했다. - iOS에서 변경 중인 표시 이름 스타일이 전체 화면 프로필 미리보기에 반영되지 않던 문제를 수정했다. - iOS의 이벤트 카드와 Live 채널 알림에서 위치 텍스트가 카드 밖으로 넘치지 않도록 잘라서 표시한다. - 이미 가입한 서버의 초대 링크를 열 때 불필요한 Server Tag Adoption 절차로 이동하던 문제를 해결했다. - iPad 브라우저에서 서버 초대 링크를 열면 Discord는 실행되지만 초대 화면이 표시되지 않던 문제를 수정했다. - Android 프로필 사진 편집기에서 특정 테마를 사용할 때 “확대/축소”와 “회전” 텍스트 및 슬라이더가 보이지 않던 문제를 해결했다. - iOS 프로필 탭 전환 중 스크롤하면 콘텐츠가 잘리던 문제를 수정했다. - Android에서 친구 요청 수락 후 프로필의 통화·메시지 버튼 크기가 서로 다르게 표시되던 문제를 고쳤다. - iOS Shop 아이템 미리보기에서 프로필 미리보기 텍스트가 잠깐 나타났다가 사라지던 현상을 해결했다. - iOS에서 글자 크기를 키웠을 때 Nitro 혜택 설명이 잘리고 스크롤하기 어려웠던 문제를 수정했다. - iOS 알림 설정 화면이 푸시 알림을 이미 켠 뒤에도 계속 활성화를 요구하던 문제를 해결했다. ## 초대, 프로필, 이벤트 관련 수정 - iOS 채널 목록에 채널을 추가하라는 배너가 채팅 배경에 섞이지 않도록 구분선을 추가했다. - 프로필 카드와 상태 표시 요소의 모서리 및 정렬을 조정해 시각적 일관성을 높였다. - 예약 이벤트 카드와 Live 채널 안내 문구가 화면 가장자리를 넘지 않도록 처리했다. - 이미 가입한 서버 초대 링크가 잘못된 설정 흐름을 열지 않고 해당 서버로 바로 이동하도록 수정했다. ## 적용 방식 - 패치에 포함된 수정 사항은 모두 커밋되고 병합된 상태다. - 다만 플랫폼별 배포가 진행 중일 수 있어 모든 사용자에게 동시에 적용되지는 않을 수 있다. - 문제가 계속되면 Discord 커뮤니티의 격월 버그 메가스레드에 제보할 수 있다. 이번 업데이트는 대규모 신규 기능보다는 iOS 아키텍처 전환, 연결 속도 개선, 운영체제별 안정성 보강, 세부 UI 버그 수정에 초점이 맞춰져 있다. Discord를 사용하는 경우 앱을 최신 버전으로 업데이트하고, 특히 Linux·Windows·iOS에서 보고된 문제를 겪었다면 수정 여부를 확인하는 것이 좋다.

원문 읽기(새 탭에서 열림)

React NativediscordAndroidiOS+3

github·2026년 3월 24일·3분 읽기큐레이션 요약

Copilot SDK를 활용한 AI 기반 GitHub 이슈 분류 구축하기

IssueCrush는 GitHub 이슈를 카드처럼 검토하고, Copilot SDK로 각 이슈의 요약과 처리 방향을 자동으로 제안하는 앱이다. React Native가 Node.js 기반 SDK를 직접 실행할 수 없기 때문에, Copilot SDK는 서버에서 실행하고 클라이언트는 HTTPS로 통신하는 구조를 사용한다. 핵심은 AI를 활용해 트리아지 시간을 줄이되, 인증 보안·리소스 정리·AI 장애 시 대체 경로까지 함께 설계하는 것이다. ## IssueCrush: 스와이프로 이슈 트리아지 - GitHub 이슈를 스와이프 가능한 카드로 표시한다. - 왼쪽으로 넘기면 이슈를 닫고, 오른쪽으로 넘기면 유지한다. - “Get AI Summary”를 누르면 Copilot이 이슈 내용을 분석한다. - 긴 이슈 설명을 직접 모두 읽지 않고도 다음 정보를 빠르게 파악할 수 있다. - 이슈의 핵심 내용 - 주요 문제나 기능 요청 - 조사, 구현, 담당 팀 배정, 중복 이슈 종료 등 권장 조치 ## React Native와 서버 측 SDK 아키텍처 - Copilot SDK는 Node.js 패키지이며 내부적으로 Copilot CLI 프로세스를 실행하고 JSON-RPC로 통신한다. - React Native 앱에서는 Node.js 런타임과 CLI 바이너리를 직접 사용할 수 없으므로 SDK를 서버에서 실행해야 한다. - 구성은 다음과 같다. - React Native·웹 클라이언트 → HTTPS → Node.js 서버 - Node.js 서버 → Copilot SDK → 로컬 Copilot CLI - 클라이언트는 별도로 GitHub OAuth와 GitHub REST API를 사용해 이슈 데이터를 가져온다. - 서버 측 통합의 장점: - 여러 클라이언트가 하나의 SDK 인스턴스를 공유해 연결과 인증 오버헤드를 줄인다. - Copilot 인증 정보와 API 토큰을 모바일 앱에 포함하지 않아 보안성이 높다. - Copilot 장애나 타임아웃이 발생해도 기본 요약으로 대체할 수 있다. - 서버에서 요청·응답, 지연 시간, 오류를 기록해 디버깅과 모니터링이 쉽다. ## 사전 준비 사항 - 서버에 Copilot CLI를 설치하고 시스템 `PATH`에서 실행 가능하게 해야 한다. - GitHub Copilot 구독 또는 BYOK 방식의 자체 API 키가 필요하다. - 서버에서 `copilot auth`를 실행하거나 `COPILOT_GITHUB_TOKEN` 환경 변수를 설정해 CLI를 인증해야 한다. ## Copilot SDK의 세션 기반 실행 SDK 사용 흐름은 다음과 같다. - `CopilotClient`를 생성하고 `start()`로 CLI 프로세스를 시작한다. - `createSession()`으로 사용할 모델과 권한 처리 방식을 지정한다. - `sendAndWait()`에 프롬프트를 전달해 응답을 기다린다. - `response.data.content`에서 요약 결과를 추출한다. - 작업이 끝나면 세션을 `disconnect()`하고 클라이언트를 `stop()`한다. 예시에서는 `gpt-4.1` 모델과 `approveAll` 권한 처리기를 사용하며, 초기화부터 정리까지 `try/finally`로 감싼다. ## 세션 생명주기와 리소스 정리 - SDK의 기본 생명주기는 다음 순서다. - `start()` - `createSession()` - `sendAndWait()` - `disconnect()` - `stop()` - 세션을 정리하지 않으면 리소스와 메모리가 누수될 수 있다. - 항상 `try/finally`에서 정리 작업을 수행해야 한다. - 정리 과정의 오류가 원래 발생한 오류를 덮지 않도록 `catch(() => {})`로 무시할 수 있다. ## 트리아지를 위한 프롬프트 설계 - 원문을 그대로 전달하기보다 모델이 판단하기 쉬운 구조화된 정보를 제공한다. - 프롬프트에는 다음 정보가 포함된다. - 제목과 이슈 번호 - 저장소 이름 - 상태와 라벨 - 생성일 - 작성자 - 이슈 본문 - 모델에게 2~3문장으로 간결하게 답하도록 요청한다. - 응답 목표는 다음 세 가지다. - 이슈가 무엇에 관한 것인지 설명 - 핵심 문제나 요청 식별 - 조사 필요, 구현 가능, 백엔드 팀 배정, 중복으로 종료 등 권장 조치 제안 - 빠른 검토를 위해 명확하고 실행 가능하게 작성하도록 하고, 마크다운 형식은 사용하지 않도록 지시한다. - 라벨과 작성자 같은 메타데이터도 이슈의 성격과 처리 방향을 판단하는 데 중요한 맥락으로 활용된다. ## 실용적인 권장 사항 Copilot SDK를 모바일이나 웹 앱에 직접 넣기보다 Node.js 서버에 배치하고, 인증 정보는 서버에만 보관하는 구성이 적절하다. 또한 세션 정리를 반드시 보장하고, AI가 실패해도 기본 트리아지가 가능하도록 비AI 대체 경로를 마련하는 것이 안정적인 운영에 중요하다.

원문 읽기(새 탭에서 열림)

React NativeTypeScriptnode.jsgithub-copilot-sdk+2

discord·2025년 12월 15일·4분 읽기큐레이션 요약

디스코드 패치 노트:

Discord의 2025년 12월 8일 패치는 대용량 업로드 안정성, 앱 성능, 동영상 로딩 속도, 설정 화면 사용성을 크게 개선한 업데이트다. 미디어 업로드 재시도 로직을 Rust로 재작성하고 중단된 업로드 재개를 지원했으며, CDN 설정 변경으로 동영상 임베드 시작 지연도 크게 줄였다. 이와 함께 Desktop·iOS·Android 전반에서 수많은 UI 오류와 검색, 권한, 이벤트, 채팅 관련 버그를 수정했다. ## 업로드 성능과 안정성 개선 - 미디어 업로드 클라이언트를 리팩터링했다. - 업로드 중단 시 처음부터 다시 시작하지 않고 이어서 진행할 수 있는 **파일 업로드 재개 기능**을 추가했다. - Rust로 작성한 새로운 재시도 로직을 적용해 전체 업로드 지연 시간이 약 15% 감소했다. - iOS: 약 21% 개선 - Android: 약 10% 개선 - 대용량 파일이나 불안정한 네트워크 환경에서 업로드 성공률과 체감 속도가 향상될 것으로 보인다. ## 동영상 임베드 로딩 개선 - CDN 설정을 변경해 동영상 임베드의 시작 속도를 크게 개선했다. - P90 지연 시간이 600ms에서 275ms로 줄어 약 54% 개선됐다. - P95 지연 시간은 1,250ms에서 658ms로 줄어 약 47% 개선됐다. - 일부 동영상이 재생까지 최대 40초 걸리던 비정상적인 사례도 해결했다. ## 설정 화면과 플랫폼 업데이트 - Desktop 사용자 설정 화면을 새롭게 디자인했다. - 디자인 체계를 정리해 원하는 설정을 더 쉽게 찾을 수 있도록 했으며, 내부 지표상 개선 효과가 확인됐다. - 모바일 앱의 React Native 버전을 0.78에서 0.81.4로 업데이트했다. - Desktop 앱의 Electron 버전을 37로 업그레이드했다. ## 검색·권한·이벤트 관련 수정 - Server Hub에서 검색 성능을 개선했으며, 50개 이상의 서버가 연결된 허브에서 효과가 특히 크다. - 서버 닉네임 변경 권한이 없을 때 오류 메시지가 중복 표시되던 문제를 수정했다. - Student Hubs 검색에서 잘못된 접근 권한 오류가 나타나던 문제를 해결했다. - 설정에서 특정 문자열을 검색했을 때 카테고리가 비어 보이던 문제를 수정했다. - Upcoming Events 배너를 닫을 수 있게 했다. - 이벤트 초대에서 참여 버튼이 작동하지 않거나, 사용자 지정 장소를 포함한 이벤트 공유 모달이 제대로 동작하지 않던 문제를 해결했다. - 이벤트 팝업의 여러 액션 버튼 정렬과 초대 문구를 개선했다. ## Desktop 및 모바일 UI 버그 수정 - Linux에서 제목 표시줄이 두 개 나타나던 문제를 해결했다. - macOS 창 제어 버튼의 정렬을 수정했다. - 서버 목록의 스크롤바, 폴더의 잘못된 스크롤바 및 빈 공간 표시 문제를 플랫폼별로 해결했다. - 서버 목록에 unread 표시 요소와 관련된 흰색 픽셀이 나타나던 문제를 수정했다. - 친구 요청의 Accept/Deny 버튼 간격을 조정했다. - 서버 초대 모달, 검색창, 프로필 미리보기, Nitro 설정 화면의 디자인 불일치를 개선했다. - 이모지 슬롯이 음수로 표시되거나, Emoji Studio의 이미지 초기화 버튼이 이미지를 중앙에 배치하지 못하던 문제를 해결했다. - Avatar Decoration과 Nameplate 미리보기 및 기본값 사용 버튼의 오류를 수정했다. - Android·iOS에서 서버별 Nameplate의 “None” 옵션을 선택할 수 없던 문제를 해결했다. - 설정과 프로필 관련 일부 문자열의 현지화 문제를 수정했다. ## 채팅과 메시지 기능 개선 - Desktop에서 여러 줄 메시지를 입력할 때 Message Forward 화면의 입력 영역이 시각적으로 이동하던 문제를 수정했다. - 스포일러를 공개하기 전 타임스탬프가 제대로 표시되지 않던 문제를 해결했다. - iOS에서 메시지 스와이프 시 행 높이가 잘못 계산되거나 답글 이동이 실패하던 문제를 수정했다. - 스레드 미리보기가 있을 때 스크롤바를 조작할 수 없던 문제를 해결했다. - Android 코드 블록이 고정폭 글꼴로 표시되지 않던 문제를 수정했다. - Android의 채널 음소거 화면 헤더 정렬과 스티커 전송 후 Picker가 닫히지 않는 문제를 개선했다. - Emoji Picker에서 서버 간 이동이 되지 않던 문제를 해결했다. - iOS에서 포럼 게시글에 답글을 스와이프하거나, 메시지와 스레드를 연결하는 시각적 요소가 표시되지 않던 문제를 수정했다. - Inbox에서 스레드 생성 메시지로 이동할 수 없던 문제를 해결했다. - 포럼 게시물 검색창의 불필요한 여백을 줄였다. 이번 패치는 새로운 대형 기능을 추가하기보다, 업로드와 동영상처럼 체감 효과가 큰 성능 영역을 개선하고 Desktop·모바일 전반의 세부 버그를 광범위하게 정리한 업데이트다. 특히 대용량 파일을 자주 올리거나 모바일에서 Discord를 사용하는 이용자는 업로드 재개와 응답 속도 개선을 가장 크게 체감할 가능성이 높다.

원문 읽기(새 탭에서 열림)

React NativeAndroidiOSRust+4

discord·2025년 9월 14일·4분 읽기큐레이션 요약

디스코드 패치 노트: 2025년 9월 3일

Discord의 2025년 9월 패치 노트는 초대형 서버의 안정성, Android 앱 성능, 모바일 Shop 개선, 권한 세분화에 초점을 맞춘 업데이트다. 서버 최대 사용자 한도를 250만 명에서 2,500만 명으로 확대하고, 서버 업데이트를 배치 처리·비동기화해 대규모 서버의 부담을 줄였다. 이와 함께 수많은 플랫폼별 UI·알림·검색·권한 관련 버그도 수정했다. ## 대규모 서버 확장과 안정성 - 서버 기본 사용자 한도를 **50만 명 → 250만 명 → 2,500만 명**으로 확대했다. - 대규모 서버에서 발생하는 업데이트를 일부 **배치 처리**해 불필요한 반복 작업을 줄였다. - 서버 작업을 더 많은 **비동기 처리 방식**으로 전환해 안정성과 응답성을 개선했다. - Community 기능이 활성화된 서버를 대상으로 추가 최적화를 진행했다. - 관련 개선 사항은 대규모 서버 운영자들의 피드백과 요청을 반영한 것이다. ## Android 앱 성능 개선 - Android 앱을 React Native의 **새 아키텍처**로 업그레이드했다. - 앱의 대부분의 화면과 기능이 변경 대상에 포함됐다. - 초기 측정 결과 특히 저사양 Android 기기에서 앱이 더 부드럽게 동작했다. - 낮은 프레임률을 경험하는 사용자의 비율도 감소했다. ## 모바일 Shop 개선 - 모바일 Shop의 로딩 속도를 크게 향상했다. - 데스크톱과 유사한 새 레이아웃을 적용했다. - 모바일에서도 다음 기능을 사용할 수 있게 됐다. - 아이템 선물하기 - Nameplate 구매 - 개선된 Shop 탐색 경험 ## 메시지 고정 및 카메라 피드백 - 채널에 고정할 수 있는 메시지 수를 **50개에서 250개**로 늘렸다. - 메시지 고정·고정 해제를 위한 별도 서버 권한을 추가했다. - 기존에는 `Manage Messages` 권한이 필요했지만, 이제 핀 관리 권한을 독립적으로 설정할 수 있다. - 카메라를 켜거나 끌 때 새로운 사운드 효과를 재생한다. - 특히 단축키로 카메라를 조작할 때 동작이 정상적으로 적용됐는지 확인하기 쉬워졌다. ## 모바일 상태 및 알림 수정 - “Can’t Wait For”, “Obsessed With” 상태가 모바일 멤버 목록에서 정상적으로 표시된다. - Android에서 투표 반응 알림에 잘못된 placeholder 문구가 나타나는 문제를 해결했다. - Automod 사고 보고 알림이 기존 푸시 알림 설정을 따르도록 수정했다. - iOS에서 다른 서버의 이모지를 사용할 때 표시되는 Nitro 가입 버튼의 서식을 통일했다. - Android 로그인 화면의 전화번호 국가 코드 선택 기능을 수정했다. ## 검색·프로필·탐색 기능 개선 - Mutual Friends 탭에서 프로필을 빠르게 여러 개 열 때 닫을 수 없는 프로필 화면이 나타나는 문제를 해결했다. - Quick Switcher에서 `!`, `@`, `#`, `*` 검색 접두사가 작동하지 않던 문제를 수정했다. - Windows Action Center 알림을 클릭했을 때 Discord 내부의 올바른 화면으로 이동하지 않는 문제를 해결했다. - DM 컨텍스트 메뉴의 클릭 영역이 너무 작았던 문제를 수정했다. - 데스크톱에서 친구 추천이 표시될 때 `Add Friend` 버튼이 화면 밖으로 밀리는 문제를 해결했다. - 이벤트 페이지에서 모바일 Markdown 렌더링이 정상적으로 동작한다. ## 서버 관리 및 Community 기능 수정 - Server Insights의 Announcement Channel 차트 관련 문제를 여러 건 수정했다. - Community 서버 아이콘이 가끔 중앙에서 벗어나 표시되는 문제를 해결했다. - Server Onboarding 과정에서 역할이 잘못 할당되거나 해제되는 문제를 수정했다. - iOS에서 서버 설정의 역할 순서를 변경할 수 없던 문제를 해결했다. - 서버 소유자 왕관 아이콘의 정렬을 수정했다. - Ban 모달의 `Ban` 및 `Cancel` 버튼 크기와 여백을 조정했다. - Twitch Integration의 `Force Sync` 버튼이 빈 버튼으로 보이던 문제를 해결했다. - Server Subscription 모달이 데스크톱에서 제대로 닫히지 않던 문제를 수정했다. ## 데스크톱·iOS·macOS UI 수정 - macOS에서 제목 표시줄을 클릭할 수 없게 되는 문제를 해결했다. - 데스크톱 팝업 창에 불필요한 메뉴 바가 표시되지 않도록 수정했다. - 데스크톱 Thread 목록의 검색창과 `Create` 버튼 사이 여백을 조정했다. - iOS에서 채널 목록에서 Thread 목록을 열 때 화면이 깜빡이는 문제를 해결했다. - 기기 회전 후 모바일 채널 세부 정보 패널의 너비가 잘못 계산되는 문제를 수정했다. - iOS의 기본 웹 브라우저 설정이 설치된 브라우저를 감지하지 못하거나 선택 사항을 반영하지 못하는 문제를 해결했다. - Voice Region Override 메뉴의 배경이 로드되지 않는 문제를 수정했다. - 클라이언트 테마 색상이 무작위로 바뀌는 단기 버그를 해결했다. ## 현지화 및 시각적 문제 수정 - 일본어 클라이언트에서 Nitro Server Boost 목록의 서식을 통일했다. - Nitro Home 제목이 데스크톱에서 제대로 현지화되지 않던 문제를 수정했다. - Student Hubs의 Server Directory 검색 placeholder가 라이트 테마에서 읽기 어려웠던 문제를 해결했다. - 잘못된 초대 링크 미리보기에서 Discord 로고 위치를 조정했다. - 앱 이름과 `✔︎ App` 배지 사이의 여백을 수정했다. - 특정 Android 앱에서 `✔︎ App` 배지의 정렬 문제를 해결했다. - 데스크톱의 DM `AKA` 툴팁이 잠시 잘못된 정보를 보여주던 문제를 수정했다. - Get Started 버튼이 비정상적으로 반짝여 보이던 문제를 해결했다. 이번 업데이트는 새로운 대형 기능을 추가하기보다는, 초대형 서버 확장성과 모바일 성능을 강화하면서 플랫폼별 사용성 문제를 폭넓게 정리한 릴리스다. 대규모 서버 운영자는 새 사용자 한도와 세분화된 핀 권한을 확인하고, 일반 사용자는 최신 앱 업데이트를 적용해 성능 개선과 버그 수정을 받는 것이 좋다.

원문 읽기(새 탭에서 열림)

React NativeAndroidiOSmarkdown+3

line·2025년 6월 24일원문

테크 컨퍼런스 Tech-Verse 2025를 개최합니다 (새 탭에서 열림)

LY Corporation은 오는 6월 30일부터 7월 1일까지 양일간 글로벌 테크 컨퍼런스인 'Tech-Verse 2025'를 개최합니다. 이번 행사는 AI와 보안을 메인 테마로 하여 전 세계 그룹사 엔지니어들이 경험한 127개의 기술 세션을 온라인으로 공유할 예정입니다. 누구나 무료 사전 등록을 통해 참여할 수 있으며, 한국어, 영어, 일본어 실시간 통역이 제공되어 글로벌 기술 트렌드를 깊이 있게 파악할 수 있는 기회를 제공합니다. **Tech-Verse 2025 행사 개요 및 참여 방법** * **일정 및 방식**: 2025년 6월 30일(월)부터 7월 1일(화)까지 매일 오전 10시에서 오후 6시 사이에 진행되며, 전 세션 온라인 스트리밍으로 생중계됩니다. * **참여 대상**: 공식 사이트에서 사전 등록만 하면 누구나 무료로 시청할 수 있어 접근성이 높습니다. * **글로벌 협업**: 한국의 LINE Plus를 비롯해 일본, 대만, 베트남 등 LY Corporation 그룹사 전체의 엔지니어, 디자이너, 프로덕트 매니저가 참여하여 폭넓은 기술 생태계를 다룹니다. **12개 분야의 방대한 기술 세션 구성** * **일자별 트랙 구성**: 1일 차에는 AI, 보안, 서버사이드, 프라이빗 클라우드 등 인프라 중심의 세션이 배치되며, 2일 차에는 AI 유즈 케이스, 프론트엔드, 모바일 앱, 디자인 및 제품 관리 등 사용자 접점 기술을 중점적으로 다룹니다. * **다국어 지원**: 총 127개의 세션에 대해 3개 국어(한/영/일) 실시간 통역을 지원하여 언어 장벽 없이 기술적 디테일을 학습할 수 있습니다. * **핵심 테마**: 최근 IT 업계의 화두인 생성형 AI의 실무 적용과 고도화된 보안 전략이 전체 컨퍼런스의 중심축을 이룹니다. **분야별 주목해야 할 주요 기술 사례** * **AI 및 데이터 파이프라인**: 단순한 코드 작성을 넘어 전문적인 AI 코딩 프로세스로의 진화와 생성형 AI를 활용한 데이터 파이프라인 구축 및 분석 자동화 사례가 소개됩니다. * **인프라 및 서버사이드**: 'Central Dogma Control Plane'을 활용해 수천 개의 마이크로서비스를 연결하는 대규모 인프라 관리 기법과 LINE Call의 영상 품질 개선을 위한 서버 기술이 공유됩니다. * **앱 개발 및 사용자 경험**: 배달 서비스 '데마에칸(Demae-can)'의 개발 환경을 React Native에서 Flutter로 전면 교체한 과감한 이행 전략과 데이터 기반의 LINE Talk 사용자 인사이트 도출 과정이 포함되어 있습니다. **참여 권장 및 실용 가이드** 최신 기술 트렌드와 대규모 서비스 운영 노하우를 얻고 싶은 개발자라면 Tech-Verse 2025 공식 사이트를 통해 관심 있는 세션을 미리 타임테이블에 등록해 두는 것이 좋습니다. 특히 현업에서 AI 도입을 고민하거나 대규모 트래픽 처리를 위한 인프라 구조를 연구하는 엔지니어들에게 실질적인 기술적 영감을 줄 것으로 기대됩니다.

React NativeAI생성형 AIsecurity+4

discord·2025년 6월 12일·4분 읽기큐레이션 요약

2025

Discord의 2025년 6월 3일 패치에는 성능·안정성 개선과 다양한 플랫폼별 버그 수정이 포함됐다. ARM 인프라 전환, Rust 기반 공통 스토어 개발, 비디오 초기화 최적화 등으로 지연 시간·리소스 사용량·충돌률을 개선했으며, 음성 메시지와 모바일 이미지 처리도 향상됐다. 동시에 Electron 35, React 19, React Native 0.78로 주요 클라이언트 프레임워크를 업그레이드했다. ## 인프라와 성능 개선 - 인프라 일부를 ARM 하드웨어로 이전하고 있다. - 코어당 부하와 사용자 지연 시간이 감소했다. - 하드웨어 효율 향상으로 에너지 소비도 줄어들 것으로 기대된다. - 비디오 및 스트림의 키프레임 생성 방식을 변경했다. - 카메라와 화면 공유 영상의 시작 지연 시간이 평균 10% 이상 개선됐다. - 앱의 핵심 스토어와 API 인터페이스를 여러 플랫폼에서 공유하는 Rust 구현으로 이전 중이다. - 이번 달에는 하나의 스토어를 마이그레이션했다. - 메모리 사용량, CPU 사용량, 충돌률 등 성능·신뢰성 지표에서 점진적인 개선을 확인했다. - Desktop 클라이언트를 Electron 35로 업그레이드했다. - 순수한 유지보수 목적의 업그레이드이며, 측정상 큰 성능 변화는 없었다. - 모바일은 React Native 0.78, 전체 클라이언트는 React 19로 업그레이드했다. - 큰 회귀 없이 성능과 품질이 점진적으로 향상됐다. ## 링크, 미디어, 음성 메시지 개선 - Android 앱 링크 처리 방식을 전면 개편했다. - 최신 앱 대부분에서 Discord 링크가 올바르게 앱으로 연결되도록 개선했다. - 웹과 Desktop에서 음성 메시지 재생 기능을 개선했다. - 재생 속도를 변경할 수 있다. - 앱을 닫거나 다른 화면으로 이동해도 재생 위치가 유지된다. - 모바일 이미지 압축 전략을 원본 해상도 기반으로 변경했다. - 저해상도 원본 이미지의 임베드 품질이 향상됐다. - 모든 플랫폼에서 이미지 업로드 지연 시간의 중앙값이 감소했다. ## 플랫폼별 버그 수정 - iOS: - Billing Settings에 남아 있던 빈 입력 영역을 제거했다. - Nitro 관리 메뉴를 페이지 상단으로 이동했다. - 다른 사용자의 프로필에서 서버별 프로필과 기본 프로필을 전환할 때 배너가 제대로 갱신되지 않던 문제를 수정했다. - Android: - 설문 결과를 가로로 스와이프할 수 없던 문제를 해결했다. - Firefox: - Soundboard에 사운드를 업로드할 수 없던 문제를 수정했다. - macOS: - 전체 화면 팝업에서 유니코드 이모지가 표시되지 않던 문제를 해결했다. - Linux: - 중복으로 표시되던 제목 표시줄을 제거했다. - Safari: - 서버 목록의 폴더 UI가 잘못 렌더링되던 문제를 수정했다. ## 서버·프로필·검색 UI 개선 - 사용자 프로필에서 콘텐츠 위로 스크롤해 빈 공간이 보이던 모바일 문제를 수정했다. - 친구 목록에서 특정 상태가 여러 줄로 표시되던 문제를 해결했다. - 커스텀 상태의 이모지 팝업 정렬을 수정했다. - Desktop 설정 검색창에 “M”을 입력하면 앱이 멈추던 문제를 해결했다. - 서버 탐색에서 서버 콘텐츠가 창 크기에 맞게 확장되지 않던 문제를 수정했다. - 서버 목록에서 Discovery를 통해 서버를 둘러본 뒤 서버가 중복 표시되던 문제를 해결했다. - 채널이 많은 서버로 이동할 때 채널 목록과 서버 헤더의 정렬이 어긋나던 문제를 수정했다. - 서버 폴더의 멘션 배지 잘림 현상을 해결했다. - Mutual Servers 목록에서 서버 별명이 없을 때 사용자 표시 이름과 사용자명이 중복 표시되던 회귀 버그를 수정했다. - 프로필 편집 후 저장 여부를 묻는 동작이 플랫폼과 필드에 따라 달랐던 문제를 통일했다. - 닉네임 변경 메뉴와 Members 팝업의 라이트 모드 색상 문제를 수정했다. - 프로필 배너, Nitro 프로필 배지 미리보기, 아바타 장식 및 프로필 효과의 Shop 링크 관련 오류를 해결했다. ## 공유·탐색·보안 관련 수정 - 이벤트 공유 UI의 Copy 버튼이 이벤트 링크 대신 서버 초대 링크를 복사하던 문제를 수정했다. - 사용자 프로필 모달에서 Shop 아이템으로 이동하지 못하던 문제를 해결했다. - 로그인 중 2FA 코드를 입력할 때 상태가 잘못 전달될 수 있던 문제를 수정했다. - 패스키 설정 과정에서 백업 코드가 제대로 표시되지 않던 문제를 해결했다. - Expression Picker 검색 중 맞춤법 수정이 검색어에 정상 반영되지 않던 문제를 수정했다. - Forwarding UI에서 검색어를 지워도 결과가 남아 있던 문제를 해결했다. - 스트림 초대에 Display Name이 사용되도록 변경했다. - 팝업 모달이 Overlay에서 잘못 렌더링되거나, 초대 모달의 모서리가 둥글게 표시되지 않던 문제를 수정했다. - 개인정보 설정의 빈 구분선과 서버 설정 저장 안내가 남아 있던 문제를 제거했다. - Entrance Sounds용 Soundboard 선택기가 앱 왼쪽 위에 표시되던 문제를 해결했다. 이번 업데이트는 새로운 대형 기능보다는 기반 인프라 현대화와 체감 성능 개선, 플랫폼별 UI 안정화에 초점이 맞춰져 있다. Discord 사용자는 특히 음성 메시지 재생 위치 유지, 영상 시작 속도, Android 링크 연결 개선을 체감할 가능성이 크며, 문제가 계속되면 해당 플랫폼과 기능을 함께 명시해 버그 리포트를 제출하는 것이 좋다.

원문 읽기(새 탭에서 열림)

React NativeReactAndroidiOS+3

discord·2025년 3월 6일·4분 읽기큐레이션 요약

강력해진 디스

Discord는 React Native 기반 모바일 앱의 성능을 높이기 위해 사용 빈도가 높은 화면과 컴포넌트를 집중적으로 최적화했다. 서버 목록 가상화, 채팅 리스트 재활용, Android 이모지 피커 네이티브 전환, 이미지 포맷 변경 등을 통해 메모리 사용량과 시작 시간, 스크롤 성능을 개선했다. 특히 저사양 Android 기기에서 발생하던 빈 프레임과 앱 충돌을 줄이는 데 초점을 맞췄으며, 일부 기능은 플랫폼별로 다른 구현을 유지하는 비용까지 감수했다. ## React Native 전환과 성능 최적화 방향 - Discord는 데스크톱에 React, 모바일에 React Native를 사용해 여러 플랫폼에서 기능을 빠르게 출시해 왔다. - Android에서는 초기 성능 우려 때문에 React Native 도입을 주저했지만, Android 기기 성능 향상과 Hermes 엔진 등장으로 2022년 React Native 기반으로 전환했다. - 전환 후 특히 저사양 기기의 시작 시간이 문제였으나, 2023년에 중앙값 기준 시작 시간을 절반으로 줄였다. - 이후에는 일반 사용자보다 서버와 메시지, 이모지를 많이 사용하는 ‘파워 유저’를 중심으로 최적화를 진행했다. ## 서버 목록 가상화 - 기존 서버 목록은 화면에 보이지 않는 서버의 뷰와 아이콘까지 모두 메모리에 유지했다. - Discord는 무료 사용자 최대 100개, Nitro 사용자 최대 200개의 서버 가입을 지원하기 때문에 서버가 많은 사용자의 메모리 부담이 컸다. - 새 가상화 구현은 현재 화면에 표시되는 서버 정보만 메모리에 유지한다. - 남은 리소스를 드래그 앤 드롭 애니메이션 개선에도 활용했다. - 서버가 100개 이상인 사용자는: - 시작 시 메모리 사용량 14% 감소 - 전체 시작 시간 10% 감소 ## 네이티브 채팅 리스트 최적화 - 채팅 리스트는 이미 네이티브로 구현되어 있었지만, 프로파일링을 통해 로딩과 스크롤 과정의 병목을 추가로 발견했다. - 주요 개선 사항: - 버튼 같은 Application Component와 이미지 격자형 Media Mosaic 재활용 - 스포일러, 업로드 오버레이처럼 자주 사용되지 않는 요소의 지연 생성 - Media Mosaic 바인딩 성능 개선 - 메시지 컨테이너와 리액션 측정 속도 개선 - 채팅을 열기 전에 자주 사용되는 요소를 재활용 풀에 미리 생성 - 결과적으로: - 느린 프레임이 최대 60% 감소 - 구형 기기에서 렌더링 프레임 수 증가 - 채팅 리스트 메모리 사용량 약 12% 감소 ## Android 이모지 피커의 네이티브 전환 - 서버 하나당 최대 250개의 커스텀 이모지를 지원하며, 여러 서버를 사용하는 경우 수백 개의 이모지가 한 화면에 표시될 수 있다. - 저사양 Android 기기에서는 이모지를 스크롤할 때 placeholder조차 표시되지 않는 빈 프레임 문제가 발생했다. - 단순한 점진적 최적화만으로는 해결하기 어렵다고 판단해 Android 이모지 피커를 네이티브로 다시 작성했다. - 200개 서버의 이모지를 사용하는 극단적인 테스트에서도: - 빈 프레임이 완전히 제거됨 - 저가형 기기에서도 일관되게 부드러운 스크롤 제공 - 메모리 부족으로 인한 충돌 방지 - Android는 네이티브, iOS는 React Native로 유지하게 되어 코드베이스와 유지보수 복잡성이 증가했다. - 향후 React Native New Architecture와 Android 기기 성능 향상에 따라 이 구조를 재검토할 예정이다. ## GIF에서 WebP로 전환 - 미디어 프록시에 애니메이션 WebP 지원을 추가했다. - 애니메이션 이모지 포맷을 GIF에서 WebP로 변경해 저사양 기기에서도 최대 60FPS 렌더링이 가능해졌다. - 이미지 포맷 선택만으로도 디코딩과 렌더링 성능을 개선할 수 있음을 보여주는 사례다. ## ChannelList의 빈 화면 문제 제거 - Discord는 자체 React Native 리스트 구현인 FastList를 사용해 왔다. - 모바일 앱 재설계 과정에서 Shopify의 FlashList를 도입했으며, 정확한 요소 크기를 미리 지정하지 않아도 되는 점과 빠른 개발 속도를 장점으로 평가했다. - 그러나 실제로는 저사양 Android 기기에서 FlashList가 더 자주 빈 화면을 표시하는 문제가 나타났다. - Discord는 다시 FastList를 리팩터링해 ChannelList에 적용했고, 50달러 수준의 저가형 기기에서도 빈 화면 문제를 제거했다. ## 적용할 수 있는 성능 개선 원칙 - 화면에 보이지 않는 요소는 가상화해 메모리에 보관하지 않는다. - 반복적으로 생성되는 UI는 재활용 풀과 recycling을 활용한다. - 자주 사용되지 않는 UI는 lazy inflation으로 늦게 생성한다. - 성능 문제가 심각한 경우 기존 프레임워크를 무리하게 유지하기보다 특정 화면을 네이티브로 재작성할 수 있다. - 평균적인 기기뿐 아니라 저사양 기기와 파워 유저의 극단적인 사용 시나리오를 기준으로 테스트해야 한다. - 범용 라이브러리가 항상 최선은 아니므로 실제 기기에서 blanking, 프레임 저하, 메모리 부족 여부를 검증해야 한다. Discord의 사례는 React Native를 전면적으로 포기하거나 모든 기능을 네이티브로 바꾸기보다, 병목이 명확한 부분만 가상화·재활용·지연 로딩·네이티브 구현으로 보완하는 접근을 보여준다. 특히 저사양 기기에서의 실제 사용자 경험을 기준으로 성능을 측정하고, 필요하다면 플랫폼별 구현 차이를 유지하는 것이 실용적인 전략이다.

원문 읽기(새 탭에서 열림)

React NativeAndroidJavaScriptwebp+4

figma·2020년 9월 23일·3분 읽기큐레이션 요약

제품 팀의 Figma 협업

Figma는 개방형 API와 플러그인을 통해 제품 개발 전 과정의 협업 도구와 연결될 수 있다고 설명합니다. Confluence, GitLab, Avocode, Pendo, Bubble 등의 통합을 활용하면 문서화·개발 협업·디자인 핸드오프·고객 피드백·프로토타입 구현을 하나의 흐름으로 이어갈 수 있습니다. 결과적으로 최신 디자인을 여러 도구에 반복해서 옮기거나 정보를 찾기 위해 도구를 오가는 수고를 줄이고, 디자인에서 출시까지의 속도를 높일 수 있습니다. ## 개방형 디자인 플랫폼의 필요성 - 제품 디자인은 Figma에서 진행하더라도 실제 개발·테스트·출시는 개발자와 제품 관리자용 도구에서 이루어집니다. - Figma의 개방형 API와 통합 기능을 사용하면 팀이 기존 업무 도구 안에서 디자인을 활용할 수 있습니다. - 통합의 주요 목적은 다음과 같습니다. - 제품 문서에 최신 디자인 반영 - 개발 이슈와 디자인을 연결 - 개발자가 디자인 사양과 에셋을 쉽게 확인 - 실제 사용자에게 프로토타입을 테스트 - 코드 작성 없이 디자인을 웹 앱으로 구현 ## Confluence: 최신 디자인을 제품 문서에 삽입 - Figma 파일과 프로토타입을 Confluence 페이지에 라이브 임베드할 수 있습니다. - 제품 사양서와 요구사항 문서 안에서 디자인을 직접 확인할 수 있어 개발자가 별도 링크나 오래된 스크린샷을 찾을 필요가 없습니다. - Figma 파일이 변경되면 문서에 표시되는 디자인도 최신 상태로 유지됩니다. - 기능 기획, 프로젝트 현황 공유, 개발 문서화 등에서 디자인과 관련 설명을 한곳에 모을 수 있습니다. ## GitLab: 이슈와 디자인을 연결하는 개발 협업 - GitLab 플러그인을 사용하면 Figma 디자인을 GitLab 이슈에 직접 업로드할 수 있습니다. - 개발자는 작업 중인 이슈 안에서 관련 디자인을 확인하고 변경 사항을 검토할 수 있습니다. - 디자인을 이슈의 맥락에 맞춰 공유할 수 있어 요청 사항과 구현 결과를 비교하기 쉽습니다. - 스프린트 작업, 신규 요청, 버그 대응 과정에서 디자인 공유에 드는 시간을 줄여줍니다. ## Avocode: 개발자용 디자인 핸드오프 - Avocode 플러그인은 Figma 디자인을 Avocode 프로젝트와 동기화합니다. - 디자이너가 탐색적 시안을 계속 수정하는 동안에도 개발자는 확정된 디자인의 레이어와 상세 정보를 확인할 수 있습니다. - 개발자는 다음 정보를 직접 확인하거나 추출할 수 있습니다. - 디자인 치수 - 색상 코드 - 이미지 및 기타 에셋 - CSS, CSS-in-JS, React Native 등을 포함한 코드 스니펫 - 디자인 도구와 개발 핸드오프 도구를 반복해서 오갈 필요가 없어 디자인을 코드로 전환하는 과정이 단순해집니다. ## Pendo: 실제 사용자 대상 프로토타입 검증 - Pendo 통합은 Figma의 라이브 디자인을 제품 안에 삽입할 수 있게 합니다. - 제품 관리자는 특정 사용자 세그먼트가 실제 제품을 사용하는 맥락에서 새 기능이나 변경안을 보여줄 수 있습니다. - 사용자는 프로토타입을 직접 경험한 뒤 다음 방식으로 의견을 남길 수 있습니다. - 설문 응답 - 자유 형식의 텍스트 피드백 - 사용자 조사 인터뷰 예약 - 개발 전에 고객 반응을 수집하면 중요한 문제를 조기에 발견하고, 실제 요구에 맞지 않는 기능에 투자하는 위험을 줄일 수 있습니다. ## Bubble: Figma 디자인을 코드 없이 웹 앱으로 전환 - Bubble 통합을 사용하면 Figma 디자인을 기반으로 웹 앱을 만들 수 있습니다. - Figma에서 새 디자인을 만들거나 커뮤니티 파일을 활용한 뒤 Bubble로 직접 가져올 수 있습니다. - 가져오기 과정에서: - Figma의 각 프레임은 Bubble 앱의 새로운 페이지가 됩니다. - 벡터 요소는 이미지로 업로드됩니다. - 이를 통해 디자인 단계와 실제 구현 사이의 시간을 단축하고, 코드 작성 없이 초기 웹 앱을 빠르게 구성할 수 있습니다. ## 실용적인 활용 방향 팀은 모든 도구를 동시에 도입하기보다 업무 흐름에 맞는 통합부터 선택하는 것이 좋습니다. 문서 중심 조직은 Confluence, 개발 이슈 중심 조직은 GitLab, 정교한 핸드오프가 필요하면 Avocode, 출시 전 검증이 중요하면 Pendo, 빠른 프로토타입 구현이 목표라면 Bubble을 우선 검토할 수 있습니다. 제공된 글 내용은 Bubble 섹션 중간에서 끝나므로, 원문의 여섯 번째 통합에 대한 내용은 포함되어 있지 않습니다.

원문 읽기(새 탭에서 열림)

React NativeFigmagitlabdesign-collaboration+3

figma·2018년 11월 7일·3분 읽기큐레이션 요약

Figma에서 아토믹 디자인 시스템

littleBits 팀은 약 6개월 안에 iOS·Android용 모바일·태블릿 앱 네 개를 출시해야 했고, 이를 위해 Figma에서 Atomic Design 기반의 디자인 시스템을 구축했다. 핵심은 재사용 빈도와 실제 개발 구조를 기준으로 원자·컴포넌트를 정의하고, 의미론적 색상과 텍스트 스타일을 조합해 유연성을 확보하는 것이었다. 결과적으로 Figma의 컴포넌트 구조가 React Native 컴포넌트와 자연스럽게 대응했고, 이후 반응형 레이아웃 템플릿으로 확장할 수 있는 기반이 마련됐다. ## 원자 수준의 디자인 토큰 - 텍스트 스타일과 색상은 Figma Styles로 정의했다. - 아이콘은 외부 아이콘 세트를 가져온 뒤 Figma 컴포넌트로 변환했다. - 색상 이름은 Bootstrap의 명명 방식을 참고하되, 테마 변경을 고려해 의미론적으로 지정했다. - 예: `bg-light`는 배경용 색상 - 예: `ui-dark`는 기본 전경 요소용 색상 - 기본 UI·그레이스케일 색상 외에 브랜드 색상, 배경, 오버레이, 외곽선용 색상 팔레트를 추가했다. - 색상값 자체보다 사용 목적을 이름에 반영하면 전체 디자인에서 색상을 일괄 수정하기 쉽고, 변경으로 인한 오류도 줄일 수 있다. ## 복잡한 계층 대신 ‘컴포넌트’로 단순화 - Atomic Design의 ‘분자’와 ‘유기체’가 여러 템플릿에서 반복 사용되는 경우가 많지 않다는 점을 발견했다. - 따라서 해당 계층을 세분화하지 않고 모두 `Components`로 통합했다. - 이 구조는 다음과 같은 React Native 컴포넌트 구조와도 잘 맞았다. - 카드 - 툴팁 - 버튼 - 기타 반복 UI 요소 - 이론적인 Atomic Design 분류보다 실제 재사용 패턴과 개발 구조에 맞춘 단순한 분류를 선택한 것이다. ## 스타일 조합으로 불필요한 컴포넌트 줄이기 - 텍스트 스타일과 색상 스와치를 자유롭게 조합할 수 있으므로, 색상·텍스트 스타일 조합마다 별도의 컴포넌트를 만들지 않았다. - 대신 스타일 가이드를 제공하고, 실제 템플릿에서 필요한 조합을 직접 적용했다. - 하나의 텍스트 상자 안에서도 여러 텍스트 스타일을 섞을 수 있게 해 가변적인 문구 길이에 대응했다. - Figma Styles 도입으로 컴포넌트 내부의 레이어 구조가 단순해졌고, 문서 사용성과 성능도 개선됐다. ## 버튼은 중첩 컴포넌트로 관리 - 버튼은 디자인에서 반복적으로 사용되고, 외곽선 등 중앙 관리가 어려운 속성을 포함하므로 별도의 중첩 컴포넌트로 만들었다. - 주요 버튼 유형을 다음과 같이 분리했다. - Primary - Secondary - Tertiary - 반복 사용될 가능성이 높은 특수 버튼도 별도 컴포넌트로 정의했다. - 모든 요소를 무조건 조합형 스타일로 처리하지 않고, 반복성과 관리 필요성이 높은 UI만 컴포넌트화한 것이 특징이다. ## 디자인 시스템과 개발 시스템의 연결 - Figma에서 정의한 컴포넌트 체계가 React Native에서 구현할 컴포넌트와 직접 대응하도록 설계됐다. - 디자인과 코드 사이의 구조적 차이를 줄여 협업과 구현을 쉽게 만들었다. - 완성된 컴포넌트 기반은 이후 모바일·태블릿 화면을 위한 반응형 레이아웃 템플릿 구축의 출발점이 됐다. 실무에서는 Atomic Design의 계층을 그대로 적용하기보다, 실제 재사용 빈도와 개발 컴포넌트 구조를 기준으로 단순화하는 것이 효과적이다. 색상과 텍스트는 의미론적 스타일로 관리하고, 반복성과 변경 가능성이 높은 요소만 컴포넌트로 만들면 유지보수성과 확장성을 함께 확보할 수 있다.

원문 읽기(새 탭에서 열림)

React NativeFigma디자인 시스템atomic-design+2