React Native Monthly #5

November 6, 2017 · 7 min read

Founder at Speck

리액트 네이티브 월간 미팅이 계속됩니다! 각 팀이 어떤 작업을 진행 중인지 살펴봅시다.

React Native CI 작업을 진행했다. 가장 중요한 것은 Travis에서 Circle로 마이그레이션하여 React Native가 단일 통합 CI 파이프라인을 갖추게 된 것이다.
Hacktoberfest - React Native 버전을 주최했다. 참가자들과 함께 오픈소스 프로젝트에 많은 풀 리퀘스트를 제출하려고 노력했다.
Haul 작업을 계속하고 있다. 지난달에는 webpack 3 지원을 포함한 두 가지 새로운 릴리스를 제출했다. CRNA와 Expo 지원을 추가하고 더 나은 HMR을 작업할 계획이다. 로드맵은 이슈 트래커에 공개되어 있다. 개선 사항을 제안하거나 피드백을 주고 싶다면 알려주기 바란다!

Expo SDK 22를 출시했다. (React Native 0.49 사용) 그리고 이를 위해 CRNA를 업데이트했다.
- 개선된 스플래시 스크린 API, 기본 ARKit 지원, "DeviceMotion" API, iOS11에서의 SFAuthenticationSession 지원 등을 포함한다. 더 많은 내용은 블로그에서 확인할 수 있다.
Snack에서 이제 여러 JavaScript 파일을 사용할 수 있으며, 이미지와 다른 리소스를 에디터에 드래그 앤 드롭으로 업로드할 수 있다.
react-navigation에 기여하여 iPhone X 지원을 추가했다.
Expo로 대규모 애플리케이션을 구축할 때 발생하는 문제점에 집중했다. 예를 들어:
- 스테이징, 프로덕션, 임의의 채널 등 여러 환경에 배포하는 퍼스트클래스 지원. 채널은 롤백 기능과 특정 채널에 대한 활성 릴리즈 설정을 지원한다. 초기 테스터가 되고 싶다면 @expo_io로 알려달라.
- 독립 실행형 앱 빌드 인프라를 개선하고, 독립 실행형 앱 빌드에서 이미지와 코드가 아닌 다른 리소스를 번들링하는 동시에 리소스를 무선으로 업데이트할 수 있는 기능을 추가하는 작업도 진행 중이다.

더 나은 RTL 지원:
- 방향을 인식하는 스타일을 여러 가지 도입한다.
  - 위치:
    - (left|right) → (start|end)
  - 마진:
    - margin(Left|Right) → margin(Start|End)
  - 패딩:
    - padding(Left|Right) → padding(Start|End)
  - 테두리:
    - borderTop(Left|Right)Radius → borderTop(Start|End)Radius
    - borderBottom(Left|Right)Radius → borderBottom(Start|End)Radius
    - border(Left|Right)Width → border(Start|End)Width
    - border(Left|Right)Color → border(Start|End)Color
- RTL에서 위치, 마진, 패딩, 테두리 스타일의 "left"와 "right" 의미가 서로 바뀌었다. 몇 달 내에 이 동작을 제거하고 "left"는 항상 "왼쪽", "right"는 항상 "오른쪽"을 의미하도록 변경할 예정이다. 이 변경 사항은 플래그 아래에 숨겨져 있다. React Native 컴포넌트에서 I18nManager.swapLeftAndRightInRTL(false)를 사용해 이 변경을 적용할 수 있다.
Flow를 사용해 내부 네이티브 모듈의 타입을 정의하고, 이를 기반으로 Java에서는 인터페이스, ObjC에서는 프로토콜을 생성하는 작업을 진행 중이다. 이 코드 생성 도구가 내년 초에 오픈소스로 공개될 것으로 기대한다.

Shoutem의 개발 프로세스를 개선했다. 앱 생성부터 첫 커스텀 화면 구현까지의 과정을 간소화하고, 새로운 React Native 개발자가 쉽게 접근할 수 있도록 했다. 새로운 기능을 시험하기 위해 여러 워크숍을 준비했다. 또한 Shoutem CLI를 개선해 새로운 워크플로를 지원한다.
Shoutem UI는 여러 컴포넌트 개선과 버그 수정을 거쳤다. 최신 React Native 버전과의 호환성도 확인했다.
Shoutem 플랫폼에는 몇 가지 주목할 만한 업데이트가 적용됐다. 새로운 통합 기능이 오픈소스 확장 프로젝트의 일부로 추가됐다. 다른 개발자들이 Shoutem 확장 기능을 적극적으로 개발하는 모습을 보며 기쁘게 생각한다. 우리는 그들의 확장 기능에 대해 조언과 가이드를 제공하며 적극적으로 소통한다.

다음 세션

다음 세션은 2017년 12월 6일 수요일에 예정되어 있다. 세션 결과물을 개선할 방법에 대한 제안이 있다면 트위터를 통해 언제든지 연락해 주세요.