chore: 디자인 시스템 의존성 추가

Author: d0422

packages/react-native/package.json

@@ -10,6 +10,7 @@
     "test": "jest"
   },
   "dependencies": {
+    "design-system": "workspace:^",
     "nativewind": "^2.0.11",
     "react": "18.2.0",
     "react-native": "0.74.2",

packages/react-native/src/App.tsx

@@ -5,21 +5,26 @@
  * @format
  */
 
-import { useState } from 'react';
+import { Button } from 'design-system';
+import React, { useState } from 'react';
 import { Text, TouchableOpacity, View } from 'react-native';
 
 function App(): React.JSX.Element {
   const [state, setState] = useState(1);
 
   return (
-    <View className="flex-1 items-center justify-center bg-blue-300">
+    <View className="flex-1 items-center justify-center">
       <Text className="text-red-300">
         Open up App.js to start working on your app!
         {state}
       </Text>
       <TouchableOpacity onPress={() => setState((prev) => prev + 1)}>
         <Text> Click Me!</Text>
       </TouchableOpacity>
+      <Button
+        text="버튼!!!!"
+        onPress={() => setState((prev) => prev + 1)}
+      ></Button>
     </View>
   );
 }

packages/react-native/tailwind.config.js

@@ -2,4 +2,8 @@ const { tailwindConfig } = require('tailwind-config');
 
 module.exports = {
   ...tailwindConfig,
+  content: [
+    ...tailwindConfig.content,
+    '../design-system/src/**/*.{js,jsx,ts,tsx}',
+  ],
 };

yarn.lock

@@ -7942,7 +7942,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"design-system@workspace:packages/design-system":
+"design-system@workspace:^, design-system@workspace:packages/design-system":
   version: 0.0.0-use.local
   resolution: "design-system@workspace:packages/design-system"
   dependencies:
@@ -14319,6 +14319,7 @@ __metadata:
     "@typescript-eslint/eslint-plugin": ^7.16.0
     "@typescript-eslint/parser": ^7.16.0
     babel-jest: ^29.6.3
+    design-system: "workspace:^"
     eslint: ^8.19.0
     eslint-config-airbnb: ^19.0.4
     eslint-config-airbnb-typescript: ^18.0.0