diff --git a/README.md b/README.md index 12470c3..edfc99e 100644 --- a/README.md +++ b/README.md @@ -1,79 +1,230 @@ -This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli). -# Getting Started +image ->**Note**: Make sure you have completed the [React Native - Environment Setup](https://reactnative.dev/docs/environment-setup) instructions till "Creating a new application" step, before proceeding. -## Step 1: Start the Metro Server +
+ +> ## ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป DDang, ์–ด๋–ป๊ฒŒ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ๋˜์—ˆ๋‚˜์š”? +> ### 1. React โžก๏ธ React Native ์ „ํ™˜ํ•˜์—ฌ iOS/Android ํฌ๋กœ์Šคํ”Œ๋žซํผ ์ง€์›โ—๏ธ ์•ฑ์Šคํ† ์–ด ์ถœ๊ธฐ ๋Œ€๊ธฐ์ค‘
+> ### 2. ๊ธฐ์กด ๋‹จ์ผ ๊ฐ•์•„์ง€ ํ”„๋กœํ•„ โžก๏ธ ๋ณต์ˆ˜(2๋งˆ๋ฆฌ ์ด์ƒ) ๊ฐ•์•„์ง€ ๋“ฑ๋ก ๋ฐ ๊ด€๋ฆฌ ๊ธฐ๋Šฅ ๊ตฌํ˜„
+> ### 3. ์ฐจ๋‹จ, ์‹ ๊ณ  ๋กœ์ง ๋ฐ UX/UI ์ถ”๊ฐ€
+> ### 4. ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ฟผ๋ฆฌ ์ตœ์ ํ™” ๋ฐ API ์—”๋“œํฌ์ธํŠธ ํ™•์žฅ
-First, you will need to start **Metro**, the JavaScript _bundler_ that ships _with_ React Native. -To start Metro, run the following command from the _root_ of your React Native project: -```bash -# using npm -npm start +

์†Œ์ค‘ํ•œ ๋Œ•๋Œ•์ด์™€ ์ƒˆ๋กœ์šด ์‚ฐ์ฑ…์„ ์›ํ•  ๋•Œ!๐Ÿถ๐Ÿพ

+ ๋ฐ˜๋ ค๊ฒฌ๊ณผ ๊ฒฌ์ฃผ๋“ค์˜ ํ–‰๋ณตํ•œ ๊ณต์ƒ์„ ๋•๋Š” **๊ฐ•์•„์ง€ ์‚ฐ์ฑ… ์„œ๋น„์Šค** **DDang** ์ž…๋‹ˆ๋‹ค.
+**DDang(๋Œ•)** ์˜ค์ง **โ€˜์‚ฐ์ฑ…โ€™** ํ‚ค์›Œ๋“œ์— ๋งž์ถ˜ ์‚ฌ์šฉ์ž ์นœํ™”์ ์ธ ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค๊ณ ์ž ํƒ„์ƒํ–ˆ์Šต๋‹ˆ๋‹ค. -# OR using Yarn -yarn start -``` -## Step 2: Start your Application +### $${\text{๐Ÿ†์›น ๋ฐ๋ธŒ์ฝ”์Šค ์ตœ์ข… ํ”„๋กœ์ ํŠธ(์ „๊ณต์ž๋ฐ˜) }{\color{red}\textbf{'์ธ๊ธฐ ํ”„๋กœ์ ํŠธ์ƒ'}}{\text{์ˆ˜์ƒ ์ž‘ํ’ˆ}}}$$ -Let Metro Bundler run in its _own_ terminal. Open a _new_ terminal from the _root_ of your React Native project. Run the following command to start your _Android_ or _iOS_ app: +### **๐Ÿ•โ€๐Ÿฆบ***๋™๋ฌผ๋„ ์ฃผ์ธ๋„ ์ฆ๊ฑฐ์šด ์‚ฐ์ฑ…* +*โ†’ **๊ฐ•๋ฒˆ๋”ฐ** : ์‚ฐ์ฑ… ์‹œ 200๋ฏธํ„ฐ ์•ˆ์— ์‚ฐ์ฑ…ํ•˜๋Š” ๋˜๋‹ค๋ฅธ ์‚ฌ์šฉ์ž๊ฐ€ ์žˆ๋‹ค๋ฉด ํ•ด๋‹น ์‚ฌ์šฉ์ž์—๊ฒŒ ๊ฐ•๋ฒˆ๋”ฐ ์š”์ฒญ์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์Šน๋‚™ ์‹œ ์„œ๋กœ์˜ ์œ„์น˜๋ฅผ ๊ณต์œ ํ•˜๋ฉฐ ํ•จ๊ป˜ ์‚ฐ์ฑ…ํ•  ์ˆ˜ ์žˆ๋Š” ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋ฉฐ,์‚ฐ์ฑ…์„ ๋งˆ์น˜๋ฉด ์นœ๊ตฌ๋ฅผ ๋งบ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.* -### For Android +### ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ์˜จ ๊ฐ€์กฑ์ด ์ผ€์–ดํ•˜๋Š” ๋Œ•๋Œ•์ด ์‚ฐ์ฑ… ๋ผ์ดํ”„ +*โ†’ **๋Œ•๋กœ๊ทธ, ํŒจ๋ฐ€๋ฆฌ๋Œ•** : ํ•จ๊ป˜ ์‚ฌ๋Š” ๊ฐ€์กฑ or ์—ฐ์ธ๊ณผ ํ•จ๊ป˜ ๋ชจ๋“  ๊ธฐ๋ก์„ ๊ณต์œ ํ•˜๋ฉฐ ์ฒด๊ณ„์ ์œผ๋กœ ์‚ฐ์ฑ…์„ ๊ด€๋ฆฌ ํ•ฉ๋‹ˆ๋‹ค.* -```bash -# using npm -npm run android +
-# OR using Yarn -yarn android -``` -### For iOS +**์ด์ „ 1์ฐจ ๊ฐœ๋ฐœ ๋ ˆํฌ์ง€ํ† ๋ฆฌ : https://github.com/DDang-Org/FrontEnd** -```bash -# using npm -npm run ios + +
-# OR using Yarn -yarn ios -``` +## ๐Ÿ‘ช ํŒ€์› ๊ตฌ์„ฑ + + +
+ +| Front-End | Front-End | Front-End | Back-End | Back-End | +|:-:|:-:|:-:|:-:|:-:| +| [๊น€์ฃผ์˜](https://github.com/kimjuyoung99) | [๋‚จ์›์ผ](https://github.com/wonill) | [ํ•œ๊ทœ](https://github.com/ruehan) | [๋ฌธ์žฌ๊ฒฝ](https://github.com/MoonJaeGyeong) | [๋…ธ๊ด€ํƒœ](https://github.com/Repaion24) | +| | | | | | +| **ํŒจ๋ฐ€๋ฆฌ๋Œ•, ๋กœ๊ทธ์ธ, ๊ฒฌ์ฃผ๋“ฑ๋ก ๊ด€๋ฆฌ, ์„ค์ •** | **๋Œ•๋กœ๊ทธ, ๊ฐ€์กฑ์ฝ”๋“œ ๊ณต์œ , ๊ฐ•์•„์ง€๋“ฑ๋ก ๊ด€๋ฆฌ** | **์‚ฐ์ฑ…, ๊ฐ•๋ฒˆ๋”ฐ, ์นœ๊ตฌ ์‹ ์ฒญ** | **์ฑ„ํŒ…, ํŒจ๋ฐ€๋ฆฌ๋Œ•, ์ฐจ๋‹จ, ์•Œ๋ฆผ, ํšŒ์›์ •๋ณด** | **์‚ฐ์ฑ…, ๋Œ•๋Œ•๋กœ๊ทธ, ๊ฐ•์•„์ง€, ์‹œํ๋ฆฌํ‹ฐ, ์นœ๊ตฌ** | + + +
+ + + +## ๐Ÿถ ๊ธฐ๋Šฅ ์†Œ๊ฐœ + +**์‚ฐ์ฑ…** + + + + + +- **์‚ฐ์ฑ…**: ์‚ฐ์ฑ… ์ค‘ ์œ„์น˜์™€ ๊ฒฝ๋กœ๋ฅผ ์‹ค์‹œ๊ฐ„์œผ๋กœ ํ™•์ธํ•˜๊ณ  ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. +- **์‚ฐ์ฑ… ๊ธฐ๋ก**: ์ดํ›„ ์‚ฐ์ฑ…์„ ๋งˆ์น˜๋ฉด ๊ฒฝ๋กœ, ์‹œ๊ฐ„, ๊ฑฐ๋ฆฌ์˜ ๋ฐ์ดํ„ฐ์„ ์š”์•ฝํ•ด์ฃผ๊ณ  ํ•ด๋‹น ๋ฐ์ดํ„ฐ๋ฅผ ์•„์นด์ด๋น™ ์‹œํ‚ต๋‹ˆ๋‹ค. + +
+ +**๊ฐ•๋ฒˆ๋”ฐ** +๊ฐ•๋ฒˆ๋”ฐ๋ž€? ๋‚ด ๋™๋„ค ๊ฒฌ์ฃผ์™€ ํ•จ๊ป˜ ์นœ๊ตฌ๋ฅผ ๋งบ์–ด ์‚ฐ์ฑ…์„ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์ž…๋‹ˆ๋‹ค. + + + +- **๊ทผ์ฒ˜ ๊ฐ•์•„์ง€ ์•Œ๋ฆผ**: ์‚ฐ์ฑ… ๋„์ค‘์— ์‚ฌ์šฉ์ž์˜ ๋ฐ˜๊ฒฝ ๋‚ด ์‚ฐ์ฑ… ์ค‘์ธ ๋‹ค๋ฅธ ๊ฐ•์•„์ง€ ์ˆ˜๋ฅผ ํ‘œ์‹œํ•ด์ค๋‹ˆ๋‹ค. +- **๊ฐ•์•„์ง€ ํ”„๋กœํ•„**: ๊ทผ์ฒ˜์— ์žˆ๋Š” ๊ฐ•์•„์ง€์˜ ํ”„๋กœํ•„์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. +- **๊ฐ•๋ฒˆ๋”ฐ ์š”์ฒญ ๋ฒ„ํŠผ**: ๋‹ค๋ฅธ ๊ฐ•์•„์ง€์™€ ์‚ฐ์ฑ…์„ ์‹œ์ž‘ํ•˜๋Š” ๋ฒ„ํŠผ์„ ํ†ตํ•ด ๊ฐ•๋ฒˆ๋”ฐ ์š”์ฒญ์„ ๋ณด๋‚ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. +- **๊ฐ•๋ฒˆ๋”ฐ ์š”์ฒญ**: ๊ฐ•์•„์ง€ ์‚ฐ์ฑ… ์š”์ฒญ์ด ๋“ค์–ด์™”์„ ๋•Œ ์ˆ˜๋ฝ/๊ฑฐ์ ˆ ์˜ต์…˜์ด ์žˆ๋Š” ์•Œ๋ฆผ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. + - **๊ฑฐ์ ˆ**: ๊ฐ•์•„์ง€๊ฐ€ ๋ถ€๋„๋Ÿฌ์›Œํ•˜๋Š” ์ƒํ™ฉ์— ๋Œ€ํ•œ ๋ฉ”์‹œ์ง€๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. + - **์ˆ˜๋ฝ**: ์„œ๋กœ์˜ ์‹ค์‹œ๊ฐ„ ์œ„์น˜๊ฐ€ ํ•€ํฌ์ธํŠธ๋กœ ๊ณต์œ ๋˜๊ณ  ์ฑ„ํŒ…๋ฐฉ์ด ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. +- **์‹ ๊ณ **: ํŠน์ • ๊ฐ•์•„์ง€๋ฅผ ์‹ ๊ณ ํ•˜๊ฑฐ๋‚˜ ์ฐจ๋‹จํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. +- **์‹ค์‹œ๊ฐ„ ์ฑ„ํŒ…**: ๊ฐ•์•„์ง€์™€ ์‚ฐ์ฑ…์ด ๋งค์นญ๋œ ์‚ฌ์šฉ์ž ๊ฐ„์— ์ฑ„ํŒ…์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. +- **์นœ๊ตฌ ๋งบ๊ธฐ** : ํ•จ๊ป˜ ์‚ฐ์ฑ…์„ ์™„๋ฃŒํ•œ ํ›„์—” ์นœ๊ตฌ๋ฅผ ๋งบ์–ด ์ถ”ํ›„ ์ง€์†์ ์ธ ๋™๋„ค ์‚ฐ์ฑ… ์นœ๊ตฌ์™€ ๋„คํŠธ์›Œํ‚น์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.ย  -If everything is set up _correctly_, you should see your new app running in your _Android Emulator_ or _iOS Simulator_ shortly provided you have set up your emulator/simulator correctly. +
+ +**ํ™ˆ**                                                            **ํ”„๋กœํ•„ ํŽ˜์ด์ง€** -This is one way to run your app โ€” you can also run it directly from within Android Studio and Xcode respectively. + -## Step 3: Modifying your App +์ด๋ฒˆ ์ฃผ ๋™์•ˆ์˜ ์‚ฐ์ฑ… ํšŸ์ˆ˜, ๋‹ค์Œ ์‚ฐ์ฑ… ์ฐจ๋ก€๋ฅผ ํ•œ๋ˆˆ์— ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. +์•Œ๋ฆผ ๋ชฉ๋ก์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. -Now that you have successfully run the app, let's modify it. +
+ +**์†Œ์…œ**                                                         **์ฑ„ํŒ…** -1. Open `App.tsx` in your text editor of choice and edit some lines. -2. For **Android**: Press the R key twice or select **"Reload"** from the **Developer Menu** (Ctrl + M (on Window and Linux) or Cmd โŒ˜ + M (on macOS)) to see your changes! + - For **iOS**: Hit Cmd โŒ˜ + R in your iOS Simulator to reload the app and see your changes! +- **๋Œ•์นœ๊ตฌ ๋ฆฌ์ŠคํŠธ**: ์‚ฌ์šฉ์ž๊ฐ€ ์ถ”๊ฐ€ํ•œ ์นœ๊ตฌ ๋ชฉ๋ก์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. +- **์ฑ„ํŒ…**: ๋Œ•์นœ๊ตฌ์™€์˜ ์ฑ„ํŒ… ๊ธฐ๋Šฅ์„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. -## Congratulations! :tada: +
+ +**๊ฒฌ์ฃผ,๊ฐ•์•„์ง€ ์ •๋ณด์ž…๋ ฅ ํ”„๋กœ์„ธ์Šค**
+ -You've successfully run and modified your React Native App. :partying_face: +- **์†Œ์…œ๋กœ๊ทธ์ธ** : ์นด์นด์˜ค ๊ณ„์ •์œผ๋กœ ๊ฐ„ํŽธํ•˜๊ฒŒ ์†Œ์…œ๋กœ๊ทธ์ธ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. +- **ํšŒ์›์ •๋ณด ์ž…๋ ฅ** : ๋งˆ์Œ์— ๋“œ๋Š” ์•„๋ฐ”ํƒ€์™€ ๊ฐ€์กฑ ํฌ์ง€์…˜์„ ํฌํ•จํ•œ ์ •๋ณด๋ฅผ ์ž…๋ ฅ ๋ฐ›์Šต๋‹ˆ๋‹ค. ์ด๋•Œ ํ˜„์žฌ ์œ„์น˜๋Š” ํด๋ฆญ ํ•œ ๋ฒˆ์œผ๋กœ ์œ„์น˜ ์ •๋ณด๋ฅผ ๋ฐ›์•„์˜ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. +- **๊ฐ•์•„์ง€์ •๋ณด ์ž…๋ ฅ** : ๋‚ด ๊ฐ•์•„์ง€ ์ •๋ณด๋ฅผ ์ž…๋ ฅ ๋ฐ›์Šต๋‹ˆ๋‹ค. ์ด๋ฏธ์ง€, ๊ฒฌ์ข… ๋“ฑ ์—ฌ๋Ÿฌ ์ •๋ณด๋ฅผ ์ €์žฅํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. -### Now what? +
+ +**ํŒจ๋ฐ€๋ฆฌ๋Œ•**
+ -- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps). -- If you're curious to learn more about React Native, check out the [Introduction to React Native](https://reactnative.dev/docs/getting-started). +- **๊ฐ€์กฑ ์—ญํ• **: ๊ฐ€์กฑ ๊ตฌ์„ฑ์› ์—ญํ•  ํ™•์ธ ๋ฐ ์‚ฐ์ฑ… ๋ฐ์ดํ„ฐ๋ฅผ ํ•œ ๋ˆˆ์— ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. +- **๋Œ• ํ‰์ง‘ ํŽ˜์ด์ง€**: ๊ฐ•์•„์ง€ ํ”„๋กœํ•„ ์ƒ์„ธ ์ •๋ณด๋ฅผ ํ™•์ธ ๋ฐ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. +- **๊ฐ€์กฑ ์ดˆ๋Œ€** : ํŒจ๋ฐ€๋ฆฌ๋Œ•์— ์šฐ๋ฆฌ ๊ฐ€์กฑ์„ ์ดˆ๋Œ€ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๊ฐ€์กฑ ์ฝ”๋“œ๋ฅผ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•ด๋‹น ์ฝ”๋“œ๋ฅผ ์ž…๋ ฅํ•˜๋ฉด ํŒจ๋ฐ€๋ฆฌ์— ์ดˆ๋Œ€๋ฉ๋‹ˆ๋‹ค. + + +
+ +**๋Œ•๋กœ๊ทธ**
+ + +- **์บ˜๋ฆฐ๋” ํŽ˜์ด์ง€**: ์ผ๋ณ„๋กœ ์‚ฐ์ฑ… ๊ธฐ๋ก์„ ์บ˜๋ฆฐ๋” ํ˜•ํƒœ๋กœ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. +- **์ฃผ๊ฐ„ ์บ˜๋ฆฐ๋”๋ณ„ ๊ธฐ๋ก ํŽ˜์ด์ง€**: ์ฃผ๊ฐ„ ์‚ฐ์ฑ… ํšŸ์ˆ˜ ๋ฐ ์ฃผ์š” ํ™œ๋™์„ ์š”์•ฝํ•˜์—ฌ ์ œ๊ณตํ•˜๋Š” ํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค. +- **๊ธฐ๋ก๋ณ„ ์ƒ์„ธ ์ •๋ณด ํŽ˜์ด์ง€**: ๊ฐ ์‚ฐ์ฑ… ๊ธฐ๋ก์˜ ์ƒ์„ธ ์ •๋ณด๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. +- **์‚ฐ์ฑ… ๊ธฐ๋ก ๊ธฐ๋ฐ˜ ๋ถ„์„ ๊ทธ๋ž˜ํ”„**: ์‚ฌ์šฉ์ž์™€ ๊ฐ•์•„์ง€์˜ ์‚ฐ์ฑ… ํšŸ์ˆ˜๋ฅผ ๊ทธ๋ž˜ํ”„๋กœ ์‹œ๊ฐํ™”ํ•˜์—ฌ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. + +
+ +**๋งˆ์ดํŽ˜์ด์ง€**
+ + + +- **ํšŒ์› ์ •๋ณด ๋ฉ”์ธ ํŽ˜์ด์ง€**: ์‚ฌ์šฉ์ž์˜ ๊ธฐ๋ณธ ์ •๋ณด์™€ ์„ค์ • ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฉ”๋‰ด์ž…๋‹ˆ๋‹ค. +- **์•Œ๋ฆผ ์„ค์ • ํŽ˜์ด์ง€**: ๊ฐ•๋ฒˆ๋”ฐ ์š”์ฒญ, ์‚ฐ์ฑ… ์•Œ๋ฆผ ๋“ฑ ์ฃผ์š” ์•Œ๋ฆผ์„ ์„ค์ •ํ•˜๋Š” ํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค. +- **ํšŒ์› ์ •๋ณด ์ƒ์„ธ ํŽ˜์ด์ง€**: ์‚ฌ์šฉ์ž ์ •๋ณด ์ˆ˜์ • ๋ฐ ๊ด€๋ฆฌ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. + + + +## ๊ธฐํš์„œ + +## **๐Ÿ“… ๊ฐœ๋ฐœ ๊ธฐ๊ฐ„ ๋ฐ ์ž‘์—… ๊ด€๋ฆฌ** + +### **โฐ ๊ฐœ๋ฐœ ๊ธฐ๊ฐ„** + +- 2024.11.15 ~ 2024.12.09 + +### **๐Ÿ‘ฅ UserFlow** + + + +### **๐Ÿ“Š ์ž‘์—… ๊ด€๋ฆฌ** + +- ํ”„๋กœ์ ํŠธ ๊ธฐ๊ฐ„์ด ์งง์•˜๋˜ ๋งŒํผ, ๋งค์ฃผ ์›”์š”์ผ๋งˆ๋‹ค ์Šคํ”„๋ฆฐํŠธ ํ•˜์˜€์Šต๋‹ˆ๋‹ค. +- ๋ฐ์ผ๋ฆฌ ์Šคํฌ๋Ÿผ์„ ํ†ตํ•ด ํŒ€์› ๊ฐ„ ์ž‘์—… ์ƒํ™ฉ์„ ๊ณต์œ ํ•˜์˜€์Šต๋‹ˆ๋‹ค. +- [Github Project](https://github.com/orgs/prgrms-web-devcourse-final-project/projects/4)์—์„œ Stroy Point๋ฅผ ์ด์šฉํ•ด ์ž‘์—…์„ ๊ด€๋ฆฌํ•˜์˜€์Šต๋‹ˆ๋‹ค. + +## ๋ธŒ๋žœ์น˜ ์ „๋žต + +## ์ปจ๋ฒค์…˜, PR + + +## โ™ป๏ธ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ +image +image + +- Front : Vite React Typescript +- Back : Java Spring +- Version & Issue Management : Github Project +- Tools : Discord, Slack, Notion +- Service : Cloudflare +- Design : Figma + +## ๐Ÿ“ƒ ์ปค๋ฐ‹ ์ปจ๋ฒค์…˜ + +| Type | Description | +| --- | --- | +| โœจ`Feat` | ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ ์ถ”๊ฐ€ | +| ๐Ÿ›`Fix` | ๋ฒ„๊ทธ ์ˆ˜์ • | +| ๐Ÿ“`Docs` | ๋ฌธ์„œ ์ˆ˜์ •, ์ฃผ์„ ๊ด€๋ จ | +| โ™ป๏ธ`Refactor` | ์ฝ”๋“œ ๋ฆฌํŽ™ํ† ๋ง | +| โœ…`Test` | ํ…Œ์ŠคํŠธ ์ฝ”๋“œ, ๋ฆฌํŽ™ํ† ๋ง ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ์ถ”๊ฐ€ | +| ๐Ÿ”ง`Chore` | ๋นŒ๋“œ ์—…๋ฌด ์ˆ˜์ •, ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ € ์ˆ˜์ • (package.json ์ˆ˜์ •) | +| ๐ŸŽจ`Design` | CSS | +| ๐Ÿ”ฅ`Remove` | ํŒŒ์ผ ์ œ๊ฑฐ | +| ๐Ÿšš`Rename` | ํŒŒ์ผ ํ˜น์€ ํด๋”๋ช… ์ˆ˜์ • | +| ๐Ÿ”จ`Setting` | ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์…‹ํŒ… ๊ด€๋ จ | +| ๐Ÿš€`Perf` | ์„ฑ๋Šฅ ์ตœ์ ํ™” ๊ด€๋ จ | +| ๐Ÿšจ`Hotfix` | ํ•ซํ”ฝ์Šค | + + +## **๐Ÿ—๏ธ ํ”„๋กœ์ ํŠธ ๊ตฌ์กฐ** + + +```jsx +๐Ÿ“ฆsrc + โ”ฃ ๐Ÿ“‚apis + โ”ฃ ... + โ”ƒ โ”— ๐Ÿ“œaxiosInstance.ts + โ”ฃ ๐Ÿ“‚assets + โ”ฃ ๐Ÿ“‚components + โ”ƒ โ”ฃ ๐Ÿ“‚Button + โ”ƒ โ”ฃ ๐Ÿ“‚DogProfile + โ”ƒ โ”ฃ ๐Ÿ“‚Header + โ”ƒ โ”ฃ ๐Ÿ“‚Input + โ”ƒ โ”ฃ ๐Ÿ“‚PushNotification + โ”ƒ โ”ฃ ... + โ”ฃ ๐Ÿ“‚constants + โ”ฃ ๐Ÿ“‚data + โ”ฃ ๐Ÿ“‚hooks + โ”ƒ โ”ฃ ๐Ÿ“œuseClearModal.ts + โ”ƒ โ”ฃ ๐Ÿ“œuseGeolocation.ts + โ”ƒ โ”ฃ ๐Ÿ“œuseScrollPreservation.ts + โ”ƒ โ”ฃ ... + โ”ฃ ๐Ÿ“‚modals + โ”ฃ ๐Ÿ“‚pages + โ”ฃ ๐Ÿ“‚stores + โ”ฃ ๐Ÿ“‚styles + โ”ฃ ๐Ÿ“‚types + โ”ฃ ๐Ÿ“‚utils + โ”ฃ ๐Ÿ“‚stores + โ”ฃ ๐Ÿ“‚styles + โ”ฃ ๐Ÿ“‚types + โ”ฃ ๐Ÿ“‚utils +``` +## ์„ค์น˜ ๋ฐ ์‹คํ–‰ ๋ฐฉ๋ฒ• -# Troubleshooting -If you can't get this to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page. -# Learn More -To learn more about React Native, take a look at the following resources: -- [React Native Website](https://reactnative.dev) - learn more about React Native. -- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment. -- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**. -- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts. -- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.