[FE - ConnecTo] DAY61 TILπŸ‘©πŸ»β€πŸ’»

orangechickΒ·2022λ…„ 10μ›” 7일
0

πŸ“šZeroBase ConnecTo Front-End

λͺ©λ‘ 보기
48/53
post-thumbnail

22.10.07 μˆ˜μ—… μ‹œκ°„ 쀑 κ³΅λΆ€ν•œ λ‚΄μš©λ“€μ„ μ •λ¦¬ν•˜μ˜€μŠ΅λ‹ˆλ‹€ 😊
ν”Όλ“œλ°±μ€ μ–Έμ œλ‚˜ ν™˜μ˜μž…λ‹ˆλ‹€! 🍊

  • 클린 μ½”λ“œλž€ μ„€λͺ…ν•  수 μžˆλŠ” μ½”λ“œμ΄λ‹€.
  • λ‹€λ₯Έ μ‚¬λžŒλ“€μ˜ 진도가 빨리 λ‚˜κ°„λ‹€κ³  μ‘°κΈ‰ν•΄ ν•  ν•„μš”κ°€ μ—†λ‹€. 지적 겸손함을 가지고 λ‚˜μ˜ νŽ˜μ΄μŠ€λŒ€λ‘œ κ°€μž!
  • 큰 틀을 작고 λ””ν…ŒμΌμ„ μ±„μ›Œλ‚˜κ°€λŠ” 방식 (divide & conquer) μ΄λŠ” κ²½ν—˜ λΆ€μ‘±μœΌλ‘œ 인함 β‡’ 이λ₯Ό μ—°μŠ΅ν•˜κΈ° μœ„ν•΄μ„œλŠ” ν”„λ‘œμ νŠΈ μ΅œμ†Œν•œ 5λ²ˆμ΄μƒμ„ ν•΄μ•Ό ν•œλ‹€.
  • μ§€κΈˆμ€ css와 javascriptκ°€ ν•¨κ»˜ν•˜μ—¬ DOMContentLoaded와 load 이벀트λ₯Ό ν•΄κ²°ν•˜κ³  μžˆλŠ”λ° μ΄λŠ” 쒋지 μ•Šμ€ 방식이닀. μžλ°”μŠ€ν¬λ¦½νŠΈκ°€ μ΄ˆκΈ°λ Œλ”λ§μΈ μƒνƒœλ₯Ό μ•Œλ©΄ λœλ‹€ β‡’ 초기 λ Œλ”λ§ μƒνƒœλ₯Ό λ³€μˆ˜λ‘œ 가지고 μžˆλŠ”λ‹€.
  • HTML을 μ •μ μœΌλ‘œ λ“€κ³  μžˆλŠ” 것이 쒋은 것인가?
    • SPA vs MPA
      • λͺ¨λ˜ν•œ 웹은 SPAλ₯Ό μ‚¬μš©ν•˜μ§€ μ•ŠλŠ”λ‹€.
      • μš”μ¦˜μ€ MPAλ₯Ό μ‚¬μš©ν•œλ‹€. 즉, HTML을 미리 λ§Œλ“€μ–΄μ•Ό ν•œλ‹€. 이λ₯Ό ν•΄κ²°ν•˜κΈ° μœ„ν•΄μ„œ react β‡’ Next.js λ₯Ό μ‚¬μš©ν•œλ‹€.
        • SSG(Static Site Generation) 미리 reactκ°€ λŒμ•„μ„œ HTML을 μƒμ„±ν•œλ‹€.
        • SSR(Server Side Rendering)
    • μΌλΆ€λŠ” μ •μ μœΌλ‘œ λ™μ μœΌλ‘œ μƒμ„±λ˜λŠ” 것은 λ°”λžŒμ§ν•˜μ§€ μ•Šλ‹€.

2nd Pair Programming 전체 회고

νŽ˜μ–΄ν”„λ‘œκ·Έλž˜λ° κ΄€λ ¨

  • 방식
    • μ²˜μŒμ—λŠ” μ΅œλŒ€ν•œ λ„€λΉ„κ²Œμ΄ν„° & λ“œλΌμ΄λ²„ λ°©μ‹μœΌλ‘œ 진행을 ν•˜μ˜€λ‹€.
    • ν•˜μ§€λ§Œ κ·ΈλŸ¬λ‹€λ³΄λ‹ˆ κ΅¬ν˜„ 방법을 μ°Ύκ²Œλ˜μ–΄ 말해주면 μƒλŒ€λ°©μ΄ λ¬΄μ˜μ‹μ μœΌλ‘œ κ·Έ λ°©μ‹λ§Œ μƒκ°ν•˜κΈ° λ•Œλ¬Έμ— μƒλŒ€λ°©μ΄ 생각할 μ‹œκ°„μ„ μ£ΌλŠ” λ°©μ‹μœΌλ‘œ μ§„ν–‰ν–ˆλ‹€.
  • μ„œλ‘œ κ²½ν—˜μ΄ λΆ€μ‘±ν–ˆλ‹€
    • μž₯점
      • λΉ„μŠ·ν•œ λ‚΄μš©μ„ ν•¨κ»˜ κ³ λ―Όν•  수 μžˆμ—ˆλ‹€.
      • 우리의 μ½”λ“œλ₯Ό 항상 μ˜μ‹¬ν–ˆλ‹€.
        • λ¦¬νŒ©ν† λ§ λ•ŒλŠ” κ³„μ†ν•΄μ„œ λ‹€λ₯Έ 방법이 μ‘΄μž¬ν•˜λŠ”μ§€ 찾아보고 비ꡐ해보며 이에 λŒ€ν•΄ λ§Žμ€ λŒ€ν™”λ₯Ό ν•  수 μžˆμ—ˆλ‹€.
      • κ΅¬ν˜„ν•œ μ½”λ“œμ— λŒ€ν•΄μ„œ μ„€λͺ…ν•˜λŠ” μ—°μŠ΅μ„ 많이 ν•  수 μžˆμ—ˆλ‹€.
    • 단점
      • 더 쒋은 방식이 μ‘΄μž¬ν•  것 같은데 찾지 λͺ»ν•˜κ³  λ„˜μ–΄κ°„ 것 κ°™μ•„ 아쉬웠닀.
profile
μ„±μž₯ν•˜λŠ” 개발자🌼

0개의 λŒ“κΈ€