Skip to main content
Hashnodewoodstock's devlog

Command Palette

Search for a command to run...

#reactjs

Articles tagged with #reactjs

  3. [ν•œ μž… React μ±Œλ¦°μ§€ ] Day 17

    Day 16 Mission 과제) μ—°λ½μ²˜ μ•±(Contact List) ν”„λ‘œμ νŠΈμ— Context μ μš©ν•˜κΈ° 이번 κ³Όμ œλŠ” Day 16μ—μ„œ μ΅œμ ν™”ν•œ "μ—°λ½μ²˜ μ•±"에 Contextλ₯Ό μ μš©ν•΄λ³΄λŠ” κ³Όμ œμž…λ‹ˆλ‹€. μ•„λž˜ λ―Έμ…˜ μ†Œκ°œ μ„Ήμ…˜μ— μ•ˆλ‚΄λ˜μ–΄ μžˆλŠ” μˆœμ„œμ— 따라 μ§„ν–‰ν•˜μ„Έμš”. λ―Έμ…˜ μ†Œκ°œ μ‚¬μš©μžκ°€ μƒˆλ‘œμš΄ μ—°λ½μ²˜λ₯Ό λ“±λ‘ν•˜κ³  μ‚­μ œν•  수 μžˆλŠ” μ—°λ½μ²˜ 앱을 λ§Œλ“­λ‹ˆλ‹€. Contextλ₯Ό μ‚¬μš©ν•˜λ„λ‘ ν”„λ‘œμ νŠΈ μ—…κ·Έλ ˆμ΄λ“œν•˜κΈ° React의 Contextλ₯Ό μ‚¬μš©ν•΄ ν”„λ‘œμ νŠΈλ₯Ό μ—…κ·Έλ ˆμ΄...

    Apr 11, 20241 min read15
    [ν•œ μž… React μ±Œλ¦°μ§€ ] Day 17

  4. [ν•œ μž… React μ±Œλ¦°μ§€ ] Day 16

    Day 16 Mission 과제) μ—°λ½μ²˜ μ•±(Contact List) ν”„λ‘œμ νŠΈ μ΅œμ ν™”ν•˜κΈ° 이번 κ³Όμ œλŠ” Day 15μ—μ„œ λ§Œλ“€μ–΄ λ³Έ "μ—°λ½μ²˜ μ•±"을 μ—…κ·Έλ ˆμ΄λ“œ ν•΄ λ³΄λŠ” κ³Όμ œμž…λ‹ˆλ‹€. μ•„λž˜ λ―Έμ…˜ μ†Œκ°œ μ„Ήμ…˜μ— μ•ˆλ‚΄λ˜μ–΄ μžˆλŠ” μˆœμ„œμ— 따라 μ§„ν–‰ν•˜μ„Έμš”. λ―Έμ…˜ μ†Œκ°œ μ‚¬μš©μžκ°€ μƒˆλ‘œμš΄ μ—°λ½μ²˜λ₯Ό λ“±λ‘ν•˜κ³  μ‚­μ œν•  수 μžˆλŠ” μ—°λ½μ²˜ 앱을 λ§Œλ“­λ‹ˆλ‹€. ContactItem μ»΄ν¬λ„ŒνŠΈ λ Œλ”λ§ μ΅œμ ν™”ν•˜κΈ° ν•„μˆ˜) μ—°λ½μ²˜ μ•„μ΄ν…œ μ—­ν• μ˜ ContactItem μ»΄ν¬λ„ŒνŠΈλ₯Ό 뢈 ν•„μš”ν•œ 상...

    Apr 11, 20242 min read12
    [ν•œ μž… React μ±Œλ¦°μ§€ ] Day 16

  5. [ν•œ μž… React μ±Œλ¦°μ§€ ] Day 15

    Day 15 Mission 과제) μ—°λ½μ²˜ μ•± λ§Œλ“€κΈ° 이번 κ³Όμ œλŠ” μƒˆλ‘œμš΄ μ—°λ½μ²˜ 앱을 λ§Œλ“œλŠ” κ³Όμ œμž…λ‹ˆλ‹€. μ•„λž˜ λ―Έμ…˜ μ†Œκ°œ μ„Ήμ…˜μ— μ•ˆλ‚΄λ˜μ–΄ μžˆλŠ” μˆœμ„œμ— 따라 μ§„ν–‰ν•˜μ„Έμš”. λ―Έμ…˜ μ†Œκ°œ μ‚¬μš©μžκ°€ μƒˆλ‘œμš΄ μ—°λ½μ²˜λ₯Ό λ“±λ‘ν•˜κ³  μ‚­μ œν•  수 μžˆλŠ” μ—°λ½μ²˜ 앱을 λ§Œλ“­λ‹ˆλ‹€. μš”κ΅¬μ‚¬ν•­ λ‹€μŒ μš”κ΅¬μ‚¬ν•­μ„ λ§Œμ‘±ν•˜λ„λ‘ μ—°λ½μ²˜ 앱을 μ™„μ„±ν•˜μ„Έμš” ν•„μˆ˜ μš”κ΅¬μ‚¬ν•­ μƒˆλ‘œμš΄ μ—°λ½μ²˜λ₯Ό 등둝할 수 μžˆμŠ΅λ‹ˆλ‹€. λ“±λ‘λœ μ—°λ½μ²˜λŠ” Contact List에 리슀트 ν˜•νƒœλ‘œ λ Œλ”λ§ λ©λ‹ˆλ‹€. λ“±λ‘λœ 연락...

    Apr 11, 20242 min read4
    [ν•œ μž… React μ±Œλ¦°μ§€ ] Day 15