2025년 3월 5일

패키지 업데이트

패키지를 업데이트하세요.

• react-native-bedrock: 0.0.11
• @react-native-bedrock/native: 0.0.11
• @apps-in-toss/framework: 0.0.7
• @apps-in-toss/web-framework: 0.0.7

업데이트

토스앱에서 테스트하기

• 변경된 인프라부터는 토스앱에서 테스트할 수 있어요.
  • 기존에 제공한 앱인토스 샌드박스 앱은 개발 모드 전용 앱이에요.
  • 샌드박스 앱은 2025년 3월 4일 버전을 다운로드해서 사용하세요.
• 번들을 업로드하고 테스트하는 방법은 앱 출시하기 가이드를 참고하세요.
• 테스트용 번들은 자신의 워크스페이스 멤버만 사용할 수 있어요.

WebView로 개발하기

이제 @apps-in-toss/web-framework 패키지만 있으면 기존 웹 프로젝트를 앱인토스 앱으로 배포할 수 있어요.
자세한 사용법은 WebView로 개발하기 가이드를 참고하세요.

권한이 필요한 함수 사용하기

앱에서 클립보드, 위치 정보, 사진첩, 연락처 등의 기능을 사용하려면 권한을 설정해야 해요.
설정하는 방법은 권한이 필요한 함수 앱에 설정하기 가이드를 참고하세요.

앱인토스 로그인 연동하기

앱인토스 앱 유저와 토스 유저를 같은 유저로 연결하려면, 토스 로그인 정보를 가져와 앱인토스 계정과 연결해야 해요.
자세한 방법은 앱인토스 로그인 연동하기 가이드를 참고하세요.

마이그레이션 가이드

Overview

이번 업데이트에서는 CLI 명령어와 설정 파일이 변경됐어요.

• .mpackrc 설정 파일이 bedrock.config.ts로 변경됐어요.
• bedrock CLI 명령어가 일부 변경됐어요.
  • bedrock start → bedrock dev
  • bedrock bundle → bedrock build

설정 파일 변경

기존 .mpackrc 설정 파일이 TypeScript 기반의 bedrock.config.ts로 변경되었어요. .mpackrc 파일을 지우고 bedrock.config.ts를 새로 만들어주세요.

변경 전

• 파일명: .mpackrc

.mpackrc

const presets = require("react-native-bedrock/presets");

module.exports = {
  appName: "<app-name>",
  services: {
    sentry: {
      enabled: false,
    },
  },
  devServer: {
    presets: [presets.service()],
    build: {
      entry: "./src/_app.tsx",
    },
  },
  tasks: [
    {
      tag: "<app-name>-ios",
      presets: [presets.service()],
      build: {
        platform: "ios",
        entry: "./src/_app.tsx",
        outfile: "./dist/<app-name>.ios.js",
      },
    },
    {
      tag: "<app-name>-android",
      presets: [presets.service()],
      build: {
        platform: "android",
        entry: "./src/_app.tsx",
        outfile: "./dist/<app-name>.android.js",
      },
    },
  ],
};

변경 후

• 파일명: bedrock.config.ts

bedrock.config.ts

import { defineConfig } from "react-native-bedrock/config";

export default defineConfig({
  appName: "<app-name>",
  plugins: [],
});

CLI 명령어 변경

이전 명령어는 더 이상 지원되지 않으므로, package.json의 scripts를 아래처럼 수정해야 해요.

변경 전

{
  "scripts": {
    "dev": "bedrock start",
    "build": "bedrock bundle"
  }
}

변경 후

{
  "scripts": {
    "dev": "bedrock dev",
    "build": "bedrock build"
  }
}