Frontend ๊ฐœ๋ฐœ์ž - hyo.loui

(React) WIL - 10์ฃผ์ฐจ ํšŒ๊ณ  ๋ณธ๋ฌธ

WIL

(React) WIL - 10์ฃผ์ฐจ ํšŒ๊ณ 

hyo.loui 2023. 1. 9. 03:41

๐Ÿ“ WIL: Weekly I Learned

 


Work done this week

์ด๋ฒˆ ์ฃผ ๋๋‚ธ ์ผ!

  1. ํ‹ฐ์Šคํ† ๋ฆฌ ํฌ์ŠคํŒ… = ๋งค์ผ TIL ์ผ์ง€ (๋ชฉํ‘œ, ์˜ค๋ฅ˜, ์ •๋ฆฌ๋กœ ์„ธ๋ถ„ํ™”)
  2. Project : MZL (MZ-Languagae)= ํ”„๋กœ์ ํŠธ ์‹œ์ž‘( S.A >> ๊ธฐํš >> ๋””์ž์ธ >> UI์™„์„ฑ )
  3. React Native ์‹ฌํ™” ๊ฐ•์˜ ๋ฐ ์‹ค์Šต = Movie app (React-Query)

 


Project Start

 

'helprogrammers' ๋ผ๋Š” 

 

Redux / RTK / thunk ํ™œ์šฉํ•œ ํ”„๋กœ์ ํŠธ๋ฅผ ์„ฑ๊ณต์ ์œผ๋กœ ๋งˆ์น˜๊ณ 

 

์ƒˆ๋กœ์šด ํŒ€์ด ๋ฐฐ์ •๋˜์—ˆ๋‹ค

 

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ ์ฒซ ํšŒ์˜์— ๋‚˜์˜จ ๊ณตํ†ต์  ์˜๊ฒฌ์œผ๋กœ

'๊ธฐ๋ณธ์— ์ถฉ์‹คํ•˜์ž' ๋ผ๋Š” ์˜๊ฒฌ์ด ๋‹ค์ˆ˜์ด๊ธฐ์—

ํŠน๋ณ„ํ•œ ๊ธฐ๋Šฅ์— ์ด›์ ์„ ๋งž์ถ”๊ธฐ ๋ณด๋‹ค๋Š”,

์ดํ•ด๋„ ๋†’์€ ์ž‘์—…์— ๊ธฐ๋ฐ˜ํ•œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๊ธฐ๋กœ ๊ฒฐ์ •๋˜์—ˆ๋‹ค.

 

๋ฐฉ๋Œ€ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ, ํ•™์Šต ๋ฒ”์œ„๋กœ ์ธํ•ด ๋‹ค๋“ค ์ง€์นœ ๊ธฐ์ƒ‰์ด ์—ญ๋ ฅํ–ˆ๋‹ค..

๋ฌผ๋ก  ๋‚˜ ํฌํ•จ๐Ÿ˜ฅ

 

ํ”„๋กœ์ ํŠธ ์ปจ์…‰์€

์„ธ๊ณ„์ ์œผ๋กœ๋„ ๋ฐœ์ƒํ•˜๋Š” ์‹ ์กฐ์–ด๊ฐ€ ํƒ€๊ฒŸ์ด ๋˜์—ˆ๋‹ค,

 

๊ธฐ์„ฑ์„ธ๋Œ€๊ฐ€ ์•Œ์•„๋“ฃ๊ธฐ ์–ด๋ ค์šด ์‹ ์กฐ์–ด์˜ ์˜๋ฏธ์™€ ๋œป์„

์œ ์ €๋“ค์ด ์ž์œ ๋กญ๊ฒŒ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋Š” ์„œ๋น„์Šค์ด๋‹ค

 

์žฌ๋ฏธ์žˆ๋Š” ํ”„๋กœ์ ํŠธ๊ฐ€ ๋  ๊ฒƒ ๊ฐ™๋‹ค

ํ•˜์ง€๋งŒ ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋Š” ์ƒˆ๋กญ๊ฒŒ React-Query๋ฅผ ํ•™์Šตํ•˜๊ณ  ์ ์šฉํ•ด์•ผ ํ•˜๊ธฐ๋•Œ๋ฌธ์—

์‰ฝ์ง€๋งŒ์€ ์•Š์„ ๊ฒƒ ๊ฐ™๋‹ค..

 


 

Study review

 

React Native ๋ฅผ ๋ฐฐ์šฐ๋‹ˆ ์‹ค๋กœ, ๋‹ค๋ฅธ ํ•™์Šต์— ๋น„ํ•ด ์ƒ๋Œ€์ ์œผ๋กœ ๋†’์•˜๋‹ค.

 

ํ•˜์ง€๋งŒ ์งง์€ ์‹œ๊ฐ„ ์•ˆ์—

์—ฌ๋Ÿฌ๊ฐ€์ง€์˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๊ฒฝํ—˜ํ•˜๋‹ค ๋ณด๋‹ˆ

๊ทธ์ „์— ๋ฐฐ์› ๋˜ ๋ถ€๋ถ„์ด ๋น ๋ฅด๊ฒŒ ๋‹ฌ๋ผ์ง€๊ณ  ๋ณด๋Š” ์‹œ๊ฐ์ด ์ง€์†์ ์œผ๋กœ ๋ฐ”๋€Œ์—ˆ๋‹ค.

 

์—ฌ๋Ÿฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์Šต๋“ํ•˜๊ณ ,

์ ์šฉํ•˜๋Š” ํ”„๋กœ์ ํŠธ๋ฅผ ์ง€์†ํ•˜๋ฉด์„œ

 

์žฅ์ ๊ณผ ๋‹จ์ ์ด ์žˆ์ง€๋งŒ ์Šค์Šค๋กœ ์„ผ์Šค์žˆ๊ฒŒ ์„ ๋ณ„ํ•ด์„œ ํ•™์Šต ํ•˜๊ธธ ๋ฐ”๋ž˜๋ณธ๋‹ค

 

 

React-Query๋ฅผ ํ•™์Šตํ•˜๋ฉด์„œ ๋Š๋‚€ ์ ์€,

thunk๋ฅผ ํ•™์Šตํ•  ๋•Œ ๋Š๋‚€ ๋ฒˆ๊ฑฐ๋กœ์šด ์ ์ด ํ•œ๊บผ๋ฒˆ์— ํ•ด๊ฒฐ์ด ๋˜์—ˆ๋‹ค.

 

๋ฐ˜๋ณต๋˜๋Š” ์ฝ”๋“œ, ๊ฐ€๋…์„ฑ์ด ๋–จ์–ด์ง€๋Š” ๋ณต์žกํ•œ ์ฝ”๋“œ๊ฐ€ ๋„ˆ๋ฌด ๊ฐ„๊ฒฐํ•ด์กŒ๊ณ , 

ํผํฌ๋จผ์Šค ์ ์œผ๋กœ๋„ ๋งค์šฐ ํ–ฅ์ƒ๋˜์—ˆ๋‹ค๋Š” ๋Š๋‚Œ์„ ๋งŽ์ด ๋ฐ›์•˜๋‹ค!

 

์‹ค์ œ๋กœ ํ˜„์—…์—์„œ react-query์˜ ์‚ฌ์šฉ, ์ธ๊ธฐ๋„๊ฐ€

๋‚ ๋กœ ๋Š˜์–ด๋‚˜๊ณ  ์žˆ๋‹ค๊ณ  ํ•˜๋‹ˆ

 

๊นŠ๊ฒŒ ์Šต๋“ํ•ด์„œ ์„œ๋ฒ„ํ†ต์‹ ์„ ์™„๋ฒฝํžˆ ์ดํ•ดํ•˜๊ณ  ๋ชธ์— ๋ฒ ์—ˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค!

 

 

๐Ÿฆพ ๋น ์ดํŒ…๊ทธ.

 


 

2023๋…„ 1์›” 1 week 2 week 3 week 4 week
ํ•™์Šต ๋‚ด์šฉ
(ํ”„๋กœ์ ํŠธ)
RN ์‹ฌํ™” ๊ฐ•์˜ ์ˆ˜๊ฐ•์ค‘(react-query, firebase ์—ฐ๋™ ๋“ฑ)

ํ”„๋กœ์ ํŠธ(MZL) ์ง„ํ–‰์ค‘
     
์‚ฌ์šฉ ํˆด
defalut : VS code
npm, RN, expo, react-query, github                                                                                                                                                                                                                                                   

 

'WIL' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

(React) WIL - 12์ฃผ์ฐจ ํšŒ๊ณ   (3) 2023.01.21
(React) WIL - 11์ฃผ์ฐจ ํšŒ๊ณ   (0) 2023.01.13
(React) WIL - 9์ฃผ์ฐจ ํšŒ๊ณ   (4) 2023.01.02
(React) WIL - 8์ฃผ์ฐจ ํšŒ๊ณ   (4) 2022.12.25
(React) WIL - 7์ฃผ์ฐจ ํšŒ๊ณ   (0) 2022.12.18