{"id":1456,"date":"2025-05-16T07:51:04","date_gmt":"2025-05-16T07:51:04","guid":{"rendered":"https:\/\/www.freelifemakers.org\/wordpress\/?p=1456"},"modified":"2025-05-20T11:20:27","modified_gmt":"2025-05-20T11:20:27","slug":"reactnativejavascript-settings","status":"publish","type":"post","link":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/2025\/05\/16\/reactnativejavascript-settings\/","title":{"rendered":"ReactNative Expo + javascript Settings"},"content":{"rendered":"\n

1.\ud504\ub85c\uc81d\ud2b8 \uc2dc\uc791 \/ Project start<\/strong>
https:\/\/docs.expo.dev\/get-started\/create-a-project\/<\/a><\/p>\n\n\n\n

# npx create-expo-app@latest<\/code><\/pre>\n\n\n\n
\"\"<\/figure>\n\n\n\n
2.\uc5d1\uc2a4\ud3ec \ud658\uacbd\uc124\uc815 \ubc0f \uc2e4\ud589\/ Expo environment settings<\/strong>
https:\/\/docs.expo.dev\/get-started\/set-up-your-environment\/<\/a>
1)\uc571\uc2a4\ud1a0\uc5b4\ub098, \ud50c\ub808\uc774\uc2a4\ud1a0\uc5b4\uc5d0\uc11c Expo Go\ub97c \ub2e4\uc6b4\ub85c\ub4dc\ud558\uba74 \uc5d1\uc2a4\ud3ec\uc571\uc744 \uac1c\ubc1c \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
You can develop Expo apps by downloading Expo Go from the App Store or Play Store.
https:\/\/docs.expo.dev\/get-started\/set-up-your-environment\/<\/a><\/p>\n\n\n\n
2)\uc5d1\uc2a4\ud3ec \uc2e4\ud589 \/ Setting up and running Expo
https:\/\/docs.expo.dev\/get-started\/start-developing\/<\/a><\/p>\n\n\n\n
# npx expo start<\/code><\/pre>\n\n\n\n
— \uae30\ubcf8 \uc561\uc2a4\ud3ec\uc571\ud654\uba74\uc774 \ub2e4\uc74c\uacfc \uac19\uc774 \uc2e4\ud589 \ub429\ub2c8\ub2e4.
The basic Expo app screen runs as follows.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
3)\ud504\ub85c\uc81d\ud2b8 \ub9ac\uc14b \/ reset project
https:\/\/docs.expo.dev\/get-started\/next-steps\/<\/a>
— \ub9ac\uc561\ud2b8\ub124\uc774\ud2f0\ube0c\ub294 \uae30\ubcf8\uc801\uc73c\ub85c \ud0c0\uc785\uc2a4\ud06c\ub9bd\ud2b8\uc640 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4.
React Native natively supports TypeScript and JavaScript.
— \ud504\ub85c\uc81d\ud2b8\ub97c \uc2dc\uc791\ud558\uba74 \uae30\ubcf8 \uc571\ud654\uba74\uc774 \uc788\uc2b5\ub2c8\ub2e4.
When you start a project, you will see a basic app screen.
— \uc644\uc804\ud788 \uc0c8\ub86d\uac8c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub85c \ud504\ub85c\uc81d\ud2b8\ub85c \uac1c\ubc1c \uc704\ud574\uc11c \ud504\ub85c\uc81d\ud2b8\ub97c \ub9ac\uc14b\ud569\ub2c8\ub2e4.
Reset the project to develop a completely new project in JavaScript.<\/p>\n\n\n\n
# npm run reset-project<\/code><\/pre>\n\n\n\n
— index.tsx\ub97c \ub530\ub85c \ubc31\uc5c5 (b_index.tsx) \/ Back up index.tsx separately (b_index.tsx)
— index.js\ud30c\uc77c \uc0dd\uc131 \/. Create an index.js file<\/p>\n\n\n\n
\/\/ \/**\n\/\/ * @format\n\/\/ *\/\n\/\/ expo\uc5d0\uc11c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc14b\ud305\u2026\nimport {AppRegistry} from 'react-native';\nimport App from '.\/test'; \/\/ 'test'\uc778\uc2dd \ubabb \ud560 \uc218 \uc788\uc74c.\nimport {name as appName} from '..\/app.json';\nAppRegistry.registerComponent(appName, () => App);<\/code><\/pre>\n\n\n\n
— test.js\ud30c\uc77c\uc5d0 index.tsx\ud30c\uc77c\uc758 \ucf54\ub4dc\uc785\ub825
Enter the code from the index.tsx file into the test.js file<\/p>\n\n\n\n
import { Text, View } from \"react-native\";\n\nexport default function Index() {\n  return (\n    <View\n      style={{\n        flex: 1,\n        justifyContent: \"center\",\n        alignItems: \"center\",\n      }}\n    >\n      <Text>Edit app\/index.tsx to edit this screen.<\/Text>\n      <Text>Edit app\/index.tsx to edit this screen.<\/Text>\n    <\/View>\n  );\n}\n<\/code><\/pre>\n\n\n\n
-\ub514\ub809\ud1a0\ub9ac \uad6c\uc870 \/ directory structure<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
5)\uc571\uc2e4\ud589 \/ run app<\/p>\n\n\n\n
# npx expo start<\/code><\/pre>\n\n\n\n
\"\"<\/figure>\n\n\n\n
–Expo Go\uc571\uc744 \ud1b5\ud574\uc11c \uc571 \uc2e4\ud589\ud654\uba74
App launch screen via Expo Go app<\/p>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"
1.\ud504\ub85c\uc81d\ud2b8 \uc2dc\uc791 \/ Project starthttps:\/\/docs.expo.dev\/get-started\/create-a-project\/ 2.\uc5d1\uc2a4\ud3ec \ud658\uacbd\uc124\uc815 \ubc0f \uc2e4\ud589\/ Expo environment settingshttps:\/\/docs.expo.dev\/get-started\/set-up-your-environment\/1)\uc571\uc2a4\ud1a0\uc5b4\ub098, \ud50c\ub808\uc774\uc2a4\ud1a0\uc5b4\uc5d0\uc11c Expo Go\ub97c \ub2e4\uc6b4\ub85c\ub4dc\ud558\uba74 \uc5d1\uc2a4\ud3ec\uc571\uc744 \uac1c\ubc1c \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.You can develop Expo apps by downloading Expo Go from the App Store or Play Store.https:\/\/docs.expo.dev\/get-started\/set-up-your-environment\/ 2)\uc5d1\uc2a4\ud3ec \uc2e4\ud589 \/ Setting up and running Expohttps:\/\/docs.expo.dev\/get-started\/start-developing\/ — \uae30\ubcf8 \uc561\uc2a4\ud3ec\uc571\ud654\uba74\uc774 \ub2e4\uc74c\uacfc \uac19\uc774 \uc2e4\ud589 \ub429\ub2c8\ub2e4.The basic Expo app screen […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-1456","post","type-post","status-publish","format-standard","hentry","category-reactnative","missing-thumbnail"],"_links":{"self":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/1456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=1456"}],"version-history":[{"count":25,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/1456\/revisions"}],"predecessor-version":[{"id":1496,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/1456\/revisions\/1496"}],"wp:attachment":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=1456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=1456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=1456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}