Bedrock에서 최신 sdk로 업그레이드 하려면 어떻게 해야할까요?

이 글의 성격은 무엇인가요?

질문 / 문제 해결

내용을 설명해주세요

안녕하세요.

이전에 bedrock으로 앱을 빌드해서 제출했었는데, 그사이 granite와 이번 새 마이그레이션 업데이트가 생겼네요.

현재 프로젝트(bedrock) → granite → 최신 sdk 순서로 작업을 진행해야할 것 같은데

어떻게 진행하면 좋을지 안내해주실 수 있으실까요?

(+ 기존 @toss-design-system/react-native도 변경된 것 같은데, TDSProvider와 PartnerNavigation, Loader, useBottomSheet을 사용하고 있었는데 이부분은 어떻게 수정하면 될까요?)

아래는 현재 package.json입니다.

{
  "name": "앱이름",
  "private": true,
  "scripts": {
    "dev": "bedrock dev",
    "build": "bedrock build",
    "test": "jest --passWithNoTests",
    "typecheck": "tsc --noEmit"
  },
  "dependencies": {
    "@apps-in-toss/framework": "^0.0.30",
    "@react-native-bedrock/native": "0.0.25",
    "@tanstack/react-query": "^5.83.0",
    "@toss-design-system/react-native": "^0.6.4",
    "react": "18.2.0",
    "react-native": "0.72.6",
    "react-native-bedrock": "0.0.25"
  },
  "devDependencies": {
    "@babel/core": "7.23.9",
    "@babel/plugin-proposal-class-properties": "^7.16.7",
    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
    "@babel/plugin-proposal-numeric-separator": "^7.16.7",
    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
    "@babel/plugin-proposal-private-methods": "^7.18.6",
    "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
    "@babel/plugin-transform-flow-strip-types": "^7.19.0",
    "@babel/preset-env": "^7.15.0",
    "@babel/preset-react": "^7.16.7",
    "@babel/preset-typescript": "^7.16.7",
    "@babel/runtime": "7.18.9",
    "@testing-library/react-native": "^12.9.0",
    "@types/babel__core": "^7.20.5",
    "@types/jest": "^29.5.14",
    "@types/node": "^22.10.2",
    "@types/react": "18.3.3",
    "jest": "^29.7.0",
    "react-test-renderer": "18.2.0",
    "typescript": "^5.8.3"
  }
}

두 번 나눠서 마이그레이션 하셔야할 것 같은데,

0.x → 1.x 버전 마이그레이션

  1. @apps-in-toss/framework를 1.x 버전대로 먼저 올려서 ait migrate granite 으로 bedrock에서 granite으로 마이그레이션.
  2. https://tossmini-docs.toss.im/tds-mobile/migration/from-toss-design-system/ 문서 참고하셔서 @toss-design-sytem/react-native → @toss/tds-react-native 로 마이그레이션

1.x → 2.x 마이그레이션

이렇게 두번 나눠서 진행해보시겠어요?

알려주셔서 감사합니다!
앱 빌드까지 성공해서 샌드박스에서 앱을 테스트해보고 있는데, 앱의 상단 네비게이션 바 부분 UI가 표시한 것처럼 이상하게 나오는데 혹시 어떤 문제인지 알 수 있을까요? 그리고 네비게이션 바를 커스텀할 수도 있을까요?

안녕하세요 :slight_smile:
네비바가 샌드박스앱에서 이상하게 보이는 부분은 실제 라이브 환경에서는 재현되지 않을거라 걱정안하셔도 됩니다!
네비바는 제한적으로 커스터마이징이 가능합니다.
관련 가이드전달드려요.

두 분 모두 도움주셔서 감사합니다.

덕분에 빠르게 작업 진행할 수 있었습니다.

감사합니다.