[TIL] 22-05-04

๋ฏผ์•„ยท2022๋…„ 5์›” 4์ผ
0

๐Ÿ’โ€โ™€๏ธ์˜ค๋Š˜์˜ TIL

  • React Native ์Šคํ„ฐ๋””
  • Jira์— ์Šคํ”„๋ฆฐํŠธ ๋“ฑ๋ก ๋ฐ ์ธ์›์ถ”๊ฐ€

โœ๏ธ๊ณต๋ถ€ํ•  ๋‚ด์šฉ

  • React Native๊ฐ•์˜๋“ฃ๊ธฐ

๐Ÿ“๋ฉ”๋ชจ

useState, userEffect, ๋Š” react hooks์˜ ํ•œ ์ข…๋ฅ˜์ด๋‹ค.

Hooks
๋ฆฌ์•กํŠธ v16.8์— ์ƒˆ๋กœ ๋„์ž…๋œ ๊ธฐ๋Šฅ์œผ๋กœ ๊ธฐ์กด์˜ ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ๋„ ์ƒํƒœ ๊ด€๋ฆฌ๋‚˜ ์ฃผ๊ธฐ ๊ด€๋ฆฌ๋ฅผ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ

useState
์ปดํฌ๋„ŒํŠธ์—์„œ ๋™์ ์ธ ๊ฐ’์„ ์ƒํƒœ๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค.
useState๋Š” ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ ๊ฐ€๋ณ€์ ์ธ ์ƒํƒœ๋ฅผ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค. ํ•˜๋‚˜์˜ ๋ณ€์ˆ˜์ฒ˜๋Ÿผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋œ๋‹ค.

useEffect
useEffect๋ผ๋Š” Hook์„ ์‚ฌ์šฉํ•˜๋ฉด ์ปดํฌ๋„ŒํŠธ๊ฐ€ ์ฒ˜์Œ ๋‚˜ํƒ€๋‚ฌ์„๋•Œ(๋งˆ์šดํŠธ) ์–ธ๋งˆ์šดํŠธ ๋์„๋•Œ(์‚ฌ๋ผ์งˆ ๋•Œ), ๊ทธ๋ฆฌ๊ณ  ์—…๋ฐ์ดํŠธ ๋  ๋•Œ (ํŠน์ • props๊ฐ€ ๋ฐ”๋€”๋•Œ) ํŠน์ • ์ž‘์—…์„ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค.

props
properties์˜ ์•ฝ์ž. ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ๋‚ด๋ถ€์— ๋ณ€๊ฒฝ๋˜์ง€ ์•Š์„ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ• ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค. ๋‹ค๋ฅธ ์ปดํฌ๋„ŒํŠธ์—์„œ ์ „๋‹ฌํ•  ๋ฐ์ดํ„ฐ๋ฅผ ๋„˜๊ฒจ์ค„ ๋•Œ props๋ฅผ ์ฃผ๋กœ ์‚ฌ์šฉํ•œ๋‹ค.

state
state๋Š” ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ์—์„œ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ์ œ์–ดํ•˜๋Š” ๋ฐ์ดํ„ฐ ์œ ํ˜•์ค‘ ํ•˜๋‚˜์ด๋‹ค. state๋Š” ๋™์ ์ธ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค๋ฃฐ๋•Œ ์ฃผ๋กœ ์‚ฌ์šฉ๋œ๋‹ค.


profile
๊ทธ๋ƒฅ ๊พธ์ค€ํžˆ ํ•˜๋Š”์ค‘

0๊ฐœ์˜ ๋Œ“๊ธ€