[TIL]21.06.07

박주홍·2021λ…„ 6μ›” 7일
0

Today I Learned

λͺ©λ‘ 보기
30/104

πŸ‘¨β€πŸ’» 였늘 κ³΅λΆ€ν•œ 것

  • useHistory, NavLink μ‚¬μš©λ²•

  • λ¦¬μ•‘νŠΈ ν•˜μœ„μ»΄ν¬λ„ŒνŠΈμ—μ„œ μ΄λ²€νŠΈν•Έλ“€λŸ¬μ΄μš©ν•΄ μƒμœ„μ»΄ν¬λ„ŒνŠΈλ‘œ κ°’μ „λ‹¬ν•˜λŠ” 것

  • React Router Dom으둜 SPA κ΅¬ν˜„μ΄ κ°€λŠ₯ν•œ 이유 : React Router Dom을 μ“°λ©΄ pathλ₯Ό λ°”κΎΈλ―€λ‘œ μ£Όμ†Œκ°€ λ°”λ€Œμ–΄μ Έμ„œ λͺ¨λ“  μ „μ²΄νŽ˜μ΄μ§€κ°€ λ Œλ”λ§λ˜μ„œ SPAκ΅¬ν˜„μ΄ λΆˆκ°€λŠ₯ν•œ κ²ƒμœΌλ‘œ μƒκ°ν–ˆλ‹€.

    <a> νƒœκ·Έλ₯Ό μ‚¬μš©ν•˜λ©΄ νŽ˜μ΄μ§€κ°€ μ΄λ™ν• λ•Œλ§ˆλ‹€ λ‹€μ‹œ μ²˜μŒλΆ€ν„° λ Œλ”λ§λ˜κΈ° μ‹œμž‘ν•œλ‹€. κ·Έλž˜μ„œ <a> νƒœκ·Έμ˜ μ΄λ²€νŠΈν•Έλ“€λŸ¬μ— e.preventDefalut();λΌλŠ” μ΄λ²€νŠΈν•¨μˆ˜λ₯Ό μ‚¬μš©ν•΄μ€¬μ—ˆλŠ”λ°,
    React Router Dom이 μ œκ³΅ν•˜λŠ” Link, NavLink의 to에 μ£Όμ†Œλ₯Ό μ „λ‹¬ν•˜λ©΄ νŽ˜μ΄μ§€λ₯Ό μ²˜μŒλΆ€ν„° λ Œλ”λ§ν•˜μ§€ μ•Šκ³ , μ£Όμ†Œλ₯Ό λ°”κΎΈμ–΄μ€€λ‹€. κ·Έλž˜μ„œ μ£Όμ†Œκ°€ λ°”κ»΄μ„œ μ „μ²΄νŽ˜μ΄μ§€κ°€ λ Œλ”λ§λ  것
    μ΄λΌλŠ” 걱정은 μ•ˆν•˜κ³  React Router Dom을 μ‚¬μš©ν•˜λ©΄ λœλ‹€
    μ°Έκ³ :
    https://minhanpark.github.io/today-i-learned/react-router-dom/


  • κ³΅μ‹λ¬Έμ„œλ₯Ό 읽고 μ°¨μΈ° μ μš©ν•˜λ €κ³  λ…Έλ ₯쀑이닀.

    닀짐

    사싀 이번 κΈ°μˆ˜μ΄λ™μ„ ν•˜κ³  μ½”λ“œμŠ€ν…Œμ΄μΈ λ₯Ό λ”°λΌκ°ˆλ•Œμ— 29κΈ°μ—μ„œ κ³΅λΆ€ν•œ 것보닀 νœ μ”¬ κ³΅λΆ€λŸ‰κ³Ό κ³΅λΆ€μ‹œκ°„μ΄ λ–¨μ–΄μ‘Œλ‹€. μ΄λŠ” ν•œλ²ˆλ“€μ—ˆλ˜ λ‚΄μš©μ΄κΈ°λ•Œλ¬Έμ— μ •κ·œκ³΅λΆ€μ‹œκ°„μ— μ‹œκ°„μ΄ λ„λ„ν–ˆλ‹€.

    그리고 κ·Έ λ„λ„ν•œ μ‹œκ°„μ„ λ‚΄κ°€ λΆ€μ‘±ν•œ 것이 무엇인가 λ˜ν•œ λΆ€μ‘±ν•œ 것을 μ±„μš°λ©΄μ„œ 29κΈ°μ‚¬λžŒλ“€κ³Ό μ‹€λ ₯차이가 μ–Όλ§ˆ μ•ˆλ‚˜κ³  μ‹Άλ‹€λŠ”κ²Œ λ‚΄ μƒκ°μ΄μ˜€κ³ , κ·Έλ ‡κ²Œ λ°©ν–₯성을 μž‘μ•˜μ§€λ§Œ λ¬΄λ¦¬μ˜€λ˜ 것 κ°™κ³ ,μš•μ‹¬μ΄μ˜€λ‹€.

    κ·Έλ ‡κ²Œ λ°©ν–₯성을 μž‘μ•˜λ‹€λ³΄λ‹ˆ, μš•μ‹¬μ΄ λ§Žμ•„μ Έ 이것저것 μ†λŒ€λ‹€κ°€ κ²°κ΅­ λ§Žμ€ 것을, ν˜Ήμ€ 쑰금의 κΉŠμ΄μžˆλŠ” 곡뢀, 효율적인 곡뢀λ₯Ό ν•˜μ§€ λͺ»ν•œ 것이 μ•„λ‹Œκ°€ν•˜λŠ” 아쉬움이 λ‚¨λŠ”λ‹€. λ˜ν•œ ν•œλ²ˆλ‚΄μš©μ„ 더 λ“£λ‹€λ³΄λ‹ˆ Advanced challengeλ₯Ό λ„μ „ν•œ 적이 거의 μ—†μ—ˆλ‹€.

    κ·Έλž˜μ„œ κΌ­ 이번 HAμ‹œν—˜μ„ ν†΅κ³Όν•΄μ„œ, μ„Ήμ…˜ 2λ•ŒλŠ” μ‹œκ°„μ„ μŸμ•„λΆ€μ„ 것 이닀.

  • profile
    κ³ ν†΅μ—†λŠ” μ„±μž₯은 μ—†λ‹€κ³  ν•  수 μžˆκ² λ‹€....

    0개의 λŒ“κΈ€