🦍 λ™λ£Œμ™€μ˜ λŒ€ν™”(feat. μ‹œμ €)

μš”μ¦˜ 취업에 λŒ€ν•œ μ€€λΉ„, μ§€κΈˆ λ‚΄κ°€ ν•˜κ³  μžˆλŠ” κ°œλ°œμ— λŒ€ν•œ 고민이 늘 μžˆμ—ˆλ‹€. ν”„λ‘ νŠΈμ—”λ“œ 개발 μžμ²΄κ°€ λ„ˆλ¬΄ 재미있고 μ’‹μ§€λ§Œ, μ§€κΈˆ λ‚΄κ°€ 이λ ₯μ„œμ— μž‘μ„±ν•˜κ³  μžˆλŠ” ν•œμ€„ ν•œμ€„μ΄ μ–΄λ–€ 의미λ₯Ό κ°–κ³  μžˆλŠ”μ§€ 잘 λ‚˜μ•„κ°€κ³  μžˆλŠ”κ±΄ λ§žλŠ”μ§€. 그리고 λ‚˜λŠ” μ–΄λ–€ λ°©ν–₯으둜 곡뢀λ₯Ό ν•˜κ³  있고 이 λ°©ν–₯은 κ³Όμ—° λ‚΄κ°€ μ›ν•˜λŠ” λͺ©ν‘œμ— λ„λ‹¬ν•˜κΈ°μ— 쒋은 λ°©ν–₯인지. μ˜€λžœλ§Œμ— μ½”λ“œμŠ€μΏΌλ“œμ— λ‚˜μ™€ 곡뢀λ₯Ό ν•˜λ˜ 쀑, λ™λ£ŒμΈ μ‹œμ €μ™€ μ„œλ‘œ μ•ˆλΆ€λ₯Ό 물으면 λŒ€ν™”λ₯Ό ν•˜λ‹€κ°€ λŠλΌλŠ” 게 λ§Žμ•„ μ΄λ ‡κ²Œ κΈ€λ‘œ 남긴닀.

μ‹œμ €λŠ” μš”μ¦˜ webpack에 λŒ€ν•΄ κ³΅λΆ€ν•˜κ³  μžˆλ‹€κ³  ν•œλ‹€. μ²˜μŒμ—” κ·Έλƒ₯ λ²ˆλ“€λŸ¬λ₯Ό 깊게 νŒŒλŠ”κ΅¬λ‚˜ μƒκ°ν–ˆλŠ”λ°, μ‹œμ €λŠ” 훨씬 더 κΉŠμ€ λŠλ‚ŒμœΌλ‘œ λ°©ν–₯을 μ •ν•œ 것 κ°™μ•˜λ‹€. μš°λ¦¬κ°€ μ‚¬μš©ν•˜λŠ” cra(create-react-app)κ°€ μ–΄λ–»κ²Œ λ™μž‘ν•˜λŠ”μ§€?λ₯Ό κΆκΈˆν•΄ν•˜κ³  본인이 쒀더 μ»€μŠ€ν…€ν•˜κ²Œ λ‹€λ£° 수 μžˆλŠ” 방법은 뭔지 등을 κ³ λ―Όν•˜λŠ” κ²ƒμ΄μ—ˆλ‹€. μ‹œμ €μ˜ μ΄μ•ΌκΈ°λŠ” κ°„λ‹¨ν•˜κ²Œ λ§ν•˜λ©΄ μ§€κΈˆ μš°λ¦¬κ°€ λͺ¨λ‹¬ ν•˜λ‚˜ κ΅¬ν˜„ν•˜κ³  μ–΄λ–€ κΈ°λŠ₯을 κ΅¬ν˜„ν•˜λŠ” 게 κ³Όμ—° μ–Όλ§ˆλ‚˜ μ˜λ―Έκ°€ μžˆλŠ”κ°€? μ˜€λ‹€. λ‹Ήμž₯ μš°λ¦¬λŠ” λͺ¨λ“  ν”„λ‘œμ νŠΈλ₯Ό cra둜 μ‹œμž‘ν•˜κ³  있고 κ±°κΈ°μ„œ 더 깊게 λ‚˜μ•„κ°ˆ 생각을 ν•˜μ§€ μ•ŠλŠ”λ‹€. λ¬΄ν•œ 슀크둀? κ·Έλƒ₯ IntersectionObserver APIλ₯Ό κ°€μ Έμ™€μ„œ λˆ„κ΅°κ°€μ˜ 글을 보고 λ”°λΌμ„œ κ΅¬ν˜„ν•œλ‹€. μ–΄λ–€ μ˜λ―Έκ°€ μžˆμ„κΉŒ..??? μ§€κΈˆ λ‚΄κ°€ ν•˜κ³  μžˆλŠ” Redux κ°•μ˜λ₯Ό λ“£κ³  κ³΅λΆ€ν•˜λŠ” 것… 이건..? 이건 무슨 μ˜λ―Έκ°€ 있고 λ‚˜λŠ” 이걸 μ™œ ν•˜κ³  μžˆλŠ”κ±°μ§€? 쉽사리 λŒ€λ‹΅ν•  μˆ˜λ„ μ—†κ³  정말 μ–΄λ–€ μ˜λ―Έκ°€ μžˆλŠ”κ±΄μ§€ ν˜Όλž€μŠ€λŸ½κΈ°κΉŒμ§€ ν–ˆλ‹€. ν•œνŽΈμœΌλ‘  λ­”κ°€ μ’€ 마음이 νŽΈν•΄μ§€λŠ” κ±° 같기도 ν•˜κ³ ..?

κ°„λ‹¨ν•˜κ²Œ ν•œ 번 정리λ₯Ό ν•΄λ³΄μž. λ‚˜μ˜ 큰 κ·Έλ¦Ό, λ°©ν–₯을 μ„Έμ›Œλ΄μ•Όν•œλ‹€.

πŸ€ͺ 혼잣말 정리

κΈ°λŠ₯을 κ΅¬ν˜„ν•˜λŠ” 것은 μ€‘μš”ν•œκ°€?

  • μ€‘μš”ν•˜λ‹€. κ²°κ΅­ κ°œλ°œμžλŠ” μ–΄λ–€ 문제λ₯Ό ν•΄κ²°ν•˜κ³  무언가λ₯Ό λ§Œλ“€μ–΄λ‚΄μ•Όν•˜λ―€λ‘œ.
  • κ·ΈλŸ¬λ‚˜ μ–΄λ–€ κΈ°λŠ₯을 κ΅¬ν˜„ν•  쀄 μ•„λŠ” κ°œλ°œμžλŠ” λ„ˆλ¬΄ λ§Žλ‹€.

λ‹€μ–‘ν•œ κΈ°μˆ μ„ λ‹€λ£° 쀄 μ•„λŠ” 것은 μ€‘μš”ν•œκ°€?

  • 잘λͺ¨λ₯΄κ² λ‹€. μ μž¬μ μ†Œμ— ν•„μš”ν•œ κΈ°μˆ μ„ μ‚¬μš©ν•  쀄 μ•„λŠ” 건 μ€‘μš”ν•˜λ‹€. ν•˜μ§€λ§Œ 근본적인 기술이 μ•„λ‹ˆκ³ μ„œμ•Ό μ–΄λ–€ 큰 μ˜λ―Έκ°€ μžˆμ„κΉŒ μ‹Άλ‹€.
  • λ‹€μ–‘ν•œ κΈ°μˆ μ„ λ‹€λ£° 쀄 μ•„λŠ” κ°œλ°œμžλŠ” λ„ˆλ¬΄ λ§Žλ‹€.

λ‚΄κ°€ μ‚¬μš©ν•˜λŠ” 무언가λ₯Ό 깊게 μ•„λŠ” 것은 μ€‘μš”ν•œκ°€?

  • μ€‘μš”ν•˜λ‹€. 이걸 기반으둜 ν•œλ‹€λ©΄ κ·Έ μ™Έμ˜ 것듀은 λΉ λ₯΄κ²Œ κ³΅λΆ€ν•˜κ³  ν‘μˆ˜ν•  것이라고 ν™•μ‹ ν•œλ‹€.
  • ν¬μ†Œν•˜λ‹€. μ΄λ ‡κ²Œ κ³΅λΆ€ν•˜κ³  λ‚˜μ•„κ°€λŠ” μ‚¬λžŒμ΄ 잘 μ—†λ‹€.
  • 그리고 생각해보면 μ€‘μš”ν•˜κ³  이런 κ²ƒμ—μ„œ 재미λ₯Ό λŠλΌλŠ” 편인 것 κ°™λ‹€.

라이브러리λ₯Ό μ΅νžˆλŠ” κ²ƒμ—μ„œ 의미λ₯Ό 찾을 수 μžˆλŠ”κ°€? μ•„λ‹Œ 것 κ°™λ‹€. μ–΄λ–€ νŠΉμ • ν”„λ‘ νŠΈμ—”λ“œ κΈ°λŠ₯을 κ΅¬ν˜„ν•˜κΈ°λ§Œ ν•˜λŠ” κ²ƒμ—μ„œ 의미λ₯Ό 찾을 수 μžˆλŠ”κ°€? μ•„λ‹Œ 것 κ°™λ‹€. 기술 μ„œμ  μŠ€ν„°λ””λ₯Ό μ§„ν–‰ν•˜λŠ” 것은 μ˜λ―Έκ°€ μžˆλŠ”κ°€? μžˆλ‹€. ν•¨κ»˜ κ³΅λΆ€ν•˜λ©° μ„±μž₯ν•  수 있기 λ•Œλ¬Έμ΄λ‹€. μ•Œκ³ λ¦¬μ¦˜ κ³΅λΆ€ν•˜λŠ” 것은 μ˜λ―Έκ°€ μžˆλŠ”κ°€? μžˆλ‹€. μ½”λ“œλ₯Ό μž‘μ„±ν•¨μ— μžˆμ–΄μ„œ 더 넓은 μ‹œμ•Όλ₯Ό κ°–κ²Œ ν•΄μ€€λ‹€κ³  μƒκ°ν•œλ‹€. 이λ ₯μ„œλ₯Ό μž‘μ„±ν•˜λŠ” 것은 μ˜λ―Έκ°€ μžˆλŠ”κ°€? μžˆλ‹€. 이λ ₯μ„œλŠ” 항상 닀듬고 μž‘μ„±ν•΄μ•Όν•˜λ©° μ§€κΈˆ ν˜„μž¬μ˜ λ‚˜λ₯Ό λŒμ•„λ³Ό 수 있게 ν•΄μ€€λ‹€. 이전에 μž‘μ„±ν–ˆλ˜ ν”„λ‘œμ νŠΈλ₯Ό λ¦¬νŒ©ν† λ§ν•˜λŠ” 것은 μ˜λ―Έκ°€ μžˆλŠ”κ°€? μžˆλ‹€. λ¦¬νŒ©ν† λ§μ€ 쉽지 μ•Šκ³  μ§€λ£¨ν•œ μž‘μ—…μ΄λ‹€. 이λ₯Ό κΎΈμ€€νžˆ ν•˜λŠ” μ‚¬λžŒμ€ λ§Žμ§€ μ•Šλ‹€.

μœ„ λ‚΄μš©μ„ μ •λ¦¬ν•˜μžλ©΄

1. μ–΄λ–€ κΈ°μˆ μ„ λ‹€λ£° 쀄 μ•„λŠ” 건 κ·Έλ ‡κ²Œ μ€‘μš”ν•œ 게 μ•„λ‹ˆλ‹€.

  • κΈ°μˆ μ„ λ‹€λ£° 쀄 μ•„λŠ” μ‚¬λžŒμ€ λ§Žλ‹€. λ‹€λ§Œ μ μž¬μ μ†Œμ— ν•„μš”ν•œ κΈ°μˆ μ„ κ΅¬ν˜„ν•˜λŠ” 게 더 μ€‘μš”ν•˜λ‹€.

2. μ–΄λ–€ κΈ°λŠ₯을 κ΅¬ν˜„ν•  쀄 μ•„λŠ” 건 κ·Έλ ‡κ²Œ μ€‘μš”ν•œ 게 μ•„λ‹ˆλ‹€.

  • κ°œλ°œμžμ—κ²Œ μžˆμ–΄ κΈ°λŠ₯ κ΅¬ν˜„μ€ λ‹Ήμ—°νžˆ μ€‘μš”ν•˜λ‹€. κ·ΈλŸ¬λ‚˜ μ§€κΈˆ λ‹Ήμž₯ μž‘μ€ κΈ°λŠ₯을 κ΅¬ν˜„ν•˜λŠ” κ²ƒμ˜ μ˜λ―ΈλŠ” 크지 μ•Šλ‹€.

3. λ™λ£Œλ“€κ³Ό ν•¨κ»˜ κ³΅λΆ€ν•˜λŠ” μŠ€ν„°λ””λŠ” μ€‘μš”ν•˜λ‹€.

  • λ‚΄κ°€ 잘λͺ» μ•Œκ³  있던 정보λ₯Ό λ°”λ‘œ μž‘μ„ 수 있고 자극이 λœλ‹€. λ˜ν•œ ν•¨κ»˜ λ‚˜μ•„κ°€λŠ” 법을 배울 수 μžˆλ‹€.

4. μ•Œκ³ λ¦¬μ¦˜μ„ κΎΈμ€€νžˆ κ³΅λΆ€ν•˜λŠ” 것은 μ€‘μš”ν•˜λ‹€.

  • 맀일 무언가λ₯Ό μ„±μ·¨ν•œλ‹€λŠ” 기뢄을 쀄 수 μžˆλ‹€. κ°œλ°œμ— λŒ€ν•œ λ‘œμ§μ„ 항상 머리에 담아두고 갈 수 μžˆλ‹€.

5. 이λ ₯μ„œλ₯Ό μž‘μ„±ν•˜λŠ” 것은 μ€‘μš”ν•˜λ‹€.

  • 항상 μ€€λΉ„λ˜μ–΄μžˆμ–΄μ•Ό ν•˜κΈ°μ—, 그리고 맀번 λ‚˜λ₯Ό λŒμ•„λ³Ό 수 μžˆκΈ°μ— μ€‘μš”ν•˜λ‹€.

6. μ΄μ „μ˜ ν”„λ‘œμ νŠΈ, μ½”λ“œλ₯Ό λ¦¬νŒ©ν† λ§ν•˜λŠ” 것은 μ€‘μš”ν•˜λ‹€.

  • 쉽지 μ•Šμ€ μž‘μ—…μ΄λ‹€. μ΄λ ‡κ²Œ ν•˜λŠ” μ‚¬λžŒμ΄ 잘 μ—†λ‹€.

7. λ‚΄κ°€ μ‚¬μš©ν•˜λŠ” 무언가에 λŒ€ν•΄ 깊이있게 μ•„λŠ” 것은 μ€‘μš”ν•˜λ‹€.

  • μ•Œκ³  써야 μ œλŒ€λ‘œ μ‚¬μš©ν•  수 μžˆλ‹€.

그럼 μ§€κΈˆ ν˜„μž¬μ˜ λ‚˜λŠ” μ–΄λ–€ λ°©ν–₯으둜 κ³΅λΆ€ν•΄μ•Όν•˜λŠ”κ°€?

  • μŠ€ν„°λ”” μœ μ§€
  • μ•Œκ³ λ¦¬μ¦˜ κΎΈμ€€νžˆ ν’€κΈ°(μ—¬κΈ°μ—” κ³Όμ œλ„ 포함)
  • 이λ ₯μ„œ 맀일 닀듬기
  • 이전 ν”„λ‘œμ νŠΈλ₯Ό μ •λ¦¬ν•˜κ³  λ¦¬νŒ©ν† λ§ν•΄λ³΄κΈ°
  • λ‚΄κ°€ μ‚¬μš©ν•˜λŠ” 무언가에 λŒ€ν•΄ 깊이 생각해보고 까보기 ex) cra

더 λšœλ ·ν•˜κ²Œ μ •λ¦¬ν•΄μ•Όκ² μ§€λ§Œ, 일단 1차적으둜 쒀더 본질적이고 μ˜λ―ΈμžˆλŠ” 곡뢀λ₯Ό ν•˜κΈ° μœ„ν•œ λ°©ν–₯이 μ œμ‹œλœ 것 κ°™μ•„μ„œ λΏŒλ“―ν•˜λ‹€.