[220308] TIL

2022. 3. 8. 23:54ยท ๊ฐœ๋ฐœ/๐Ÿ“ TIL
๋ชฉ์ฐจ
  1.  
  2. ๐Ÿ‘ฉโ€๐Ÿ’ป Today I Learned ๐Ÿ“š
728x90
๋ฐ˜์‘ํ˜•

 

๐Ÿ‘ฉโ€๐Ÿ’ป Today I Learned ๐Ÿ“š

 

 

โ—พ API ์„ค๊ณ„

response, request ๋ฅผ ์ ์œผ๋ฉด์„œ ๊ธฐ์กด์— ์„ค๊ณ„ํ–ˆ๋˜ ๋‚ด์šฉ๋“ค์— ๋Œ€ํ•œ ์˜๋ฌธ๊ณผ ์–ด๋–ป๊ฒŒ ๊ตฌ์กฐ๋ฅผ ์งค ๊ฒƒ์ธ๊ฐ€์— ๋Œ€ํ•œ ๊ณ ๋ฏผ์ด ๊ฑฐ๋“ญ๋˜์—ˆ๋‹ค. ํ•œ ๋ฒˆ๋„ ํ•ด๋ณด์ง€ ์•Š์€ react native๋ผ์„œ ์ •ํ™•ํ•˜๊ฒŒ ํ•  ์ˆ˜ ์žˆ์–ด์š”!! ๋ผ๊ณ  ๋ฐฑ์—”๋“œ๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ ๋งํ•˜์ง€ ๋ชป ํ•ด์„œ ์šฐ๋ฌผ์ญˆ๋ฌผ๐Ÿ˜‚ ํšŒ์˜ ๋‚ด์šฉ์€ ํŒ€ ๋…ธ์…˜์— ์—ด์‹ฌํžˆ ์ ๊ณ  ์žˆ๋‹ค! 

- ReactNative ํ‘ธ์‰ฌ์•Œ๋žŒ ๊ด€๋ จ ํ”„๋ก ํŠธ์—์„œ ์ฒ˜๋ฆฌ 

- ํ•„ํ„ฐ๋ง๋œ 1:1 ๋งค์นญ ๊ฒฐ๊ณผ๋ฌผ์€ ๋‹ค๋ฅธ ํŽ˜์ด์ง€์—์„œ ๋„˜์–ด์™€๋„ ๊ณ„์† ๋‚˜ํƒ€๋‚˜์žˆ๋Š” ๊ฒƒ์œผ๋กœ 

- ๋žœ๋ค ๊ทธ๋ฃน์ฑ— ๋ชฉ๋ก ์‹œ๊ฐ„๊ด€๋ จํ•ด์„œ ํ•˜๋ฃจ์ฃผ๊ธฐ๋กœ ํ‘œ์‹œํ•ด์ฃผ๋Š” ๊ฒƒ? 

- ๊ทธ๋ฃน์ฑ—์— ์ฐธ์—ฌํ•  ๋•Œ alert์ฐฝ ํ•„์ˆ˜๋กœ ๋„์›Œ์ฃผ๊ธฐ

 

โ—พ ReactNative ๊ฐ•์˜ ๋“ฃ๊ธฐ

navigation๊ณผ style-components ์ ์šฉ์„ ์‹œ์ผœ๋ดค๋Š”๋ฐ, navigation ๋งŒ๋“œ๋Š”๊ฑด ์ •๋ง ์‹ ์„ธ๊ณ„๋‹ค!! ๋„ˆ๋ฌด ๋งŽ์€ ์˜ต์…˜์ด ๋งŒ๋“ค์–ด์ ธ์žˆ์–ด์„œ ์ œ๋Œ€๋กœ ๊ตฌ์กฐ๋ฅผ ์ž˜ ์žก์•„์ฃผ๋ฉด ์‰ฝ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค๋Š” ํฌ๋ง์„ ๋ณด์•˜๋‹ค! ์ด๋ ฅ์„œ์™€ ๋ฉด์ ‘์œผ๋กœ ์šฐ์šธํ–ˆ๋˜ ์š”์ฆ˜์ธ๋ฐ, ๋ญ”๊ฐ€ ๊ฐ•์˜๋ฅผ ๋“ค์œผ๋ฉด์„œ ๋ฌด์–ธ๊ฐ€๋ฅผ ๋งŒ๋“ค์–ด๊ฐ€๋ฉด์„œ ํฌ๋ง์„ ๋А๊ผˆ๋‹ค.... 

 

๊ณต๋ถ€ํ•œ ๋‚ด์šฉ ์ •๋ฆฌ

๐Ÿ‘‰ react native navigation ์ ์šฉํ•˜๊ธฐ

 

[React Native] React Nativgation ์ ์šฉํ•˜๊ธฐ - 1

react native cli๋กœ ๋นŒ๋“œํ•ด์„œ expo๋กœ install์„ ํ•ด๋„ ๋˜์ง€๋งŒ npm์ด๋ผ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์œ„ํ•œ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ์ž๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค. npm install @react-navigation/native npm install react-native-screens react-native-sa..

mindevlog.tistory.com

 

 

 

 

728x90

'๊ฐœ๋ฐœ > ๐Ÿ“ TIL' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[220310] TIL  (0) 2022.03.11
[220309] TIL  (0) 2022.03.09
[220304] TIL  (0) 2022.03.05
[220303] TIL - 3์›”์˜ ์‹œ์ž‘  (0) 2022.03.04
[220302] TIL - ReactNative ์ง„์งœ ์‰ฝ์ง€ ์•Š๋‹ค.  (0) 2022.03.03
  1.  
  2. ๐Ÿ‘ฉโ€๐Ÿ’ป Today I Learned ๐Ÿ“š
'๊ฐœ๋ฐœ/๐Ÿ“ TIL' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • [220310] TIL
  • [220309] TIL
  • [220304] TIL
  • [220303] TIL - 3์›”์˜ ์‹œ์ž‘
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป Frontend Developer
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
Ming devlog
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
์ „์ฒด
์˜ค๋Š˜
์–ด์ œ

๊ณต์ง€์‚ฌํ•ญ

  • About Ming ๐Ÿฐ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (261)
    • ๊ฐœ๋ฐœ (255)
      • ๐Ÿ“ TIL (58)
      • โŒ ์˜ค๋ฅ˜ ๋…ธํŠธ (23)
      • React (23)
      • Next.js (11)
      • React-Native (6)
      • JavaScript (10)
      • Flutter (19)
      • Database (1)
      • ๐Ÿ’ฌ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ (21)
      • ๐Ÿ“š English (9)
      • Etc... (25)
      • โ›ต ํ•ญํ•ด99 (49)
    • ๐Ÿ’ป Dev (6)
      • ๐Ÿ“ TIL (4)
      • ๐Ÿ’ฌ Algorithm (1)
      • Etc... (1)

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • todaywhatidid
  • ํ”Œ๋Ÿฌํ„ฐ
  • ์ฝ”ํ…Œ๊ณต๋ถ€
  • ๋ถ€ํŠธ์บ ํ”„
  • ๋ฆฌ์•กํŠธ๋„ค์ดํ‹ฐ๋ธŒ
  • ReactNative
  • ์•Œ๊ณ ๋ฆฌ์ฆ˜
  • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ
  • ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ
  • leetcode
  • Firebase
  • nextjs
  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ
  • ํ•ญํ•ด99
  • flutter
  • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค
  • ๊ฐœ๋ฐœ์ž์ผ๊ธฐ
  • ์ด์ฝ”๋…ธ๋ฏธ์ŠคํŠธ
  • react-native
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • twid
  • ์ฝ”๋”ฉ๊ณต๋ถ€
  • Git
  • react
  • ์ฝ”ํ…Œ
  • ์˜์–ด๊ณต๋ถ€
  • TIL
  • ๋ฆฌ์•กํŠธ
  • ๊ฐœ๋ฐœ์žํšŒ๊ณ 
  • github

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

250x250
hELLO ยท Designed By ์ •์ƒ์šฐ.v4.2.1
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
[220308] TIL
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”

๊ฐœ์ธ์ •๋ณด

  • ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ
  • ํฌ๋Ÿผ
  • ๋กœ๊ทธ์ธ

๋‹จ์ถ•ํ‚ค

๋‚ด ๋ธ”๋กœ๊ทธ

๋‚ด ๋ธ”๋กœ๊ทธ - ๊ด€๋ฆฌ์ž ํ™ˆ ์ „ํ™˜
Q
Q
์ƒˆ ๊ธ€ ์“ฐ๊ธฐ
W
W

๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๊ธ€

๊ธ€ ์ˆ˜์ • (๊ถŒํ•œ ์žˆ๋Š” ๊ฒฝ์šฐ)
E
E
๋Œ“๊ธ€ ์˜์—ญ์œผ๋กœ ์ด๋™
C
C

๋ชจ๋“  ์˜์—ญ

์ด ํŽ˜์ด์ง€์˜ URL ๋ณต์‚ฌ
S
S
๋งจ ์œ„๋กœ ์ด๋™
T
T
ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ ์ด๋™
H
H
๋‹จ์ถ•ํ‚ค ์•ˆ๋‚ด
Shift + /
โ‡ง + /

* ๋‹จ์ถ•ํ‚ค๋Š” ํ•œ๊ธ€/์˜๋ฌธ ๋Œ€์†Œ๋ฌธ์ž๋กœ ์ด์šฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธฐ๋ณธ ๋„๋ฉ”์ธ์—์„œ๋งŒ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.