🌟 Section 1 ν›„κΈ°

Creating the dotsΒ·2021λ…„ 7μ›” 16일
0

Memoir

λͺ©λ‘ 보기
2/3

Section 1μ—μ„œ 배운 것

μ§€λ‚œ ν•œλ‹¬λ™μ•ˆ μžλ°”μŠ€ν¬λ¦½νŠΈ(λ°°μ—΄, 객체, DOM, κ³ μ°¨ν•¨μˆ˜), HTMLκ³Ό CSS 기초, Linux와 Git 기초, 그리고 λ¦¬μ•‘νŠΈ(jsx, props, state)의 기초λ₯Ό λ°°μ› λ‹€. κ΅­λΉ„ κ΅μœ‘κ³Όμ •μ„ μˆ˜κ°•ν–ˆμ„λ•ŒλŠ” HTML, CSS, μžλ°”μŠ€ν¬λ¦½νŠΈ, 제이쿼리λ₯Ό 4κ°œμ›”λ™μ•ˆ λ°°μ› λŠ”λ°,, μƒˆμ‚Ό 짧은 κΈ°κ°„λ™μ•ˆ 정말 λ§Žμ€ λ‚΄μš©μ„ λ‹€λ€˜λ‹€.

μ§€κΈˆ ν›„κΈ°λ₯Ό μž‘μ„±ν•˜λ©° λ‹€μ‹œ λ³΄λ‹ˆ Section 1의 이름이 🌟 Section 1: Single Page Application 이닀. 배운 λͺ¨λ“  λ‚΄μš©μ„ ν™œμš©ν•΄ SPAλ₯Ό λ§Œλ“œλŠ” 것이 이번 μ„Ήμ…˜μ˜ λͺ©ν‘œμ˜€μŒμ„ μ΄μ œμ•Ό λΉ„λ‘œμ†Œ κΉ¨λ‹¬μ•˜λ‹€!

4μ£Όκ°„ μ œμΆœν•œ κ³Όμ œλ“€

  • twittler λͺ©μ—…
    νŽ˜μ–΄μ™€ ν•¨κ»˜ ν”Όκ·Έλ§ˆλ‘œ twittler λͺ©μ—…을 λ§Œλ“€μ–΄λ³΄μ•˜λ‹€. κ·Έλ™μ•ˆμ€ λ°œμ‚¬λ―Ή, XDλ₯Ό μ¨λ΄€λŠ”λ° ν”Όκ·Έλ§ˆλŠ” ν˜‘μ—…ν• λ•Œ μœ μš©ν•œ 것 κ°™λ‹€.

  • μœ νš¨μ„± 검사
    μ •κ·œν‘œν˜„μ‹μ„ ν™œμš©ν•΄ νšŒμ›κ°€μž… νŽ˜μ΄μ§€μ—μ„œ 아이디와 λΉ„λ°€λ²ˆν˜Έμ˜ μœ νš¨μ„± 검사 κΈ°λŠ₯을 κ΅¬ν˜„ν–ˆλ‹€. μ˜¬λ°”λ₯Έ μž…λ ₯ν˜•μ‹μΌ λ•Œμ™€ 아닐 λ•Œλ₯Ό ꡬ뢄해야 ν•΄μ„œ 생각보닀 κΉŒλ‹€λ‘œμ› λ‹€.

  • Twittler SPA, State & Props
    λ§ˆμ§€λ§‰ κ³Όμ œλ“€λ‘œλŠ” μ£Όμ–΄μ§„ dummyDataλ₯Ό ν™œμš©ν•΄ νŠΈμœ„ν„°λ₯Ό ν΄λ‘œμ½”λ”©ν•˜λŠ” 과제λ₯Ό μˆ˜ν–‰ν–ˆλ‹€. npm install react-router-dom을 톡해 λ¦¬μ•‘νŠΈλ‘œ SPAλ₯Ό λ§Œλ“€μ—ˆλ‹€. λ˜ν•œ State와 Propsλ₯Ό 톡해 λΆ€λͺ¨ μ»΄ν¬λ„ŒνŠΈλ‘œλΆ€ν„° 데이터λ₯Ό 전달받아 μ—…λ°μ΄νŠΈ μ‹œν‚€λŠ” κ²ƒκΉŒμ§€ κ΅¬ν˜„ν–ˆλ‹€.

Section 1을 마치고 λŠλ‚€ 점

μƒˆλ‘œμš΄ κ±Έ λ°›μ•„λ“€μ΄λŠ”λ°μ—λŠ” μ‹œκ°„μ΄ κ±Έλ¦°λ‹€.

μ‚¬λžŒλ§ˆλ‹€ κ±Έλ¦¬λŠ” μ‹œκ°„μ€ λ‹€λ₯΄μ§€λ§Œ, μ½”λ“œμŠ€ν…Œμ΄μΈ μ—μ„œ μ œκ³΅ν•˜λŠ” μ»€λ¦¬ν˜λŸΌμ€ κ·Έ λˆ„κ΅¬λΌλ„ 벅찼을 것이닀. 맀일 μƒˆλ‘œμš΄ κ°œλ…μ„ λ°°μ› κ³ , 과제λ₯Ό ν•΄λ‚΄μ•Όν–ˆλ‹€.

μ•Œκ³ λ¦¬μ¦˜μ€ λΆˆν˜„λ“― λ­”κ°€ λ– μ˜€λ₯΄μ§€ μ•ŠμœΌλ©΄ ν•œμ‹œκ°„ λ„˜κ²Œ κ³ λ―Όν•˜κΈ° μΌμ‘€μ˜€κ³ , κ°œλ…μ€ μ΄ν•΄ν–ˆλ‹€κ³  μƒκ°ν–ˆλŠ”λ° 막상 κ³Όμ œμ—μ„œ ν’€λ €κ³  ν•˜λ‹ˆ μƒκ°μ²˜λŸΌ 잘 μ•ˆλλ‹€. κ·Έλ ‡κ²Œ λΆ€λ”ͺ히고 κΉ¨μ§€κΈ°λ₯Ό λ°˜λ³΅ν•˜λ‹€κ°€ λ¬Έμ œκ°€ 해결해도 '이게 μ™œ... 됐지?' 싢은 μ°μ°ν•œ 기뢄이 λ“€μ—ˆλ‹€.

λ•Œλ‘œλŠ” 'μ•„! μ΄λž˜μ„œ μ΄λŸ°κ±°κ΅¬λ‚˜!' 싢은 μˆœκ°„λ“€λ„ μžˆμ—ˆλ‹€. λΈ”λ‘œκΉ…μ˜ μ€‘μš”μ„±κ³Ό λ”λΆˆμ–΄ λ¬΄ν•œ κ²€μƒ‰ν•˜λ©° 혼자 μ‚½μ§ˆν•œ μ‹œκ°„λ“€μ€ μ ˆλŒ€ λ°°μ‹ ν•˜μ§€ μ•ŠλŠ”λ‹€λŠ” κ±Έ λͺΈμ†Œ κΉ¨λ‹¬μ•˜λ‹€.


그런데 μ•žμœΌλ‘œ 평생 μƒˆλ‘œμš΄ κ±Έ λ°›μ•„λ“€μ—¬μ•Ό ν•œλ‹€λ©΄?

μ½”λ“œμŠ€ν…Œμ΄μΈ  μ»€λ¦¬ν˜λŸΌμ—μ„œλŠ” ν•¨μˆ˜ μ»΄ν¬λ„ŒνŠΈλ§Œ λ°°μš΄λ‹€. 클래슀 μ»΄ν¬λ„ŒνŠΈλŠ” λ”°λ‘œ κ°€λ₯΄μ³μ£Όμ§€ μ•ŠλŠ”λ‹€. μœ νŠœλΈŒμ—μ„œ 2019년도에 μ—…λ‘œλ“œλœ λ¦¬μ•‘νŠΈ μ˜μƒλ“€μ—μ„œλŠ” λͺ¨λ‘ 클래슀 μ»΄ν¬λ„ŒνŠΈλ₯Ό μ“°κ³  μžˆλŠ”λ°, 문득 κ·Έ μ˜μƒμ„ 보닀가 이런 생각이 λ“€μ—ˆλ‹€.

μ•žμœΌλ‘œ μƒˆλ‘œμš΄ 게 λ‚˜μ˜€λ©΄ λ‹€μ‹œ 또 λ°°μ›Œμ•Όκ² λ„€...?

λ¬Όλ‘ , 이λ₯Ό λͺ¨λ₯΄κ³  κ°œλ°œμ„ μ‹œμž‘ν•œ 건 μ•„λ‹ˆλ‹€. μ•„μ΄λŸ¬λ‹ˆν•˜κ²Œλ„ λ‚΄κ°€ 이 곡뢀λ₯Ό μ‹œμž‘ν•œ κ°€μž₯ 큰 μ΄μœ κ°€ λ°”λ‘œ 늘 κ³΅λΆ€ν•΄μ•Όν•œλ‹€λŠ” μ μ΄μ—ˆλ‹€. λ‚΄κ°€ κ°€μž₯ μ’‹μ•„ν–ˆλ˜ 뢀뢄이 μˆœμ‹κ°„μ— λ‚˜λ₯Ό ν˜„νƒ€μ— λΉ μ§€κ²Œ λ§Œλ“  것이닀.

μƒˆλ‘œμš΄ κ±Έ λ°°μ›Œμ„œ 기쑴의 것과 합쳐져 λ‚΄ μ‹€λ ₯이 μ—…κ·Έλ ˆμ΄λ“œ λ˜λŠ” 것이 μ•„λ‹ˆλΌ 기쑴의 것이 μƒˆλ‘œμš΄ κ²ƒμœΌλ‘œ μ™„μ „νžˆ λŒ€μ²΄λΌ λ‚΄κ°€ 배운 것듀이 ν•œμˆœκ°„μ— λ¬΄μš©μ§€λ¬Όμ΄ 될 μˆ˜λ„ μžˆλ‹€λŠ” 생각에 μˆœκ°„ 겁이 났닀.

λ§Œμ•½ μžλ°”μŠ€ν¬λ¦½νŠΈλ₯Ό λŒ€μ²΄ν•˜λŠ” κ°•λ ₯ν•œ μ–Έμ–΄κ°€ λ‚˜νƒ€λ‚œλ‹€λ©΄...?

이 뢀뢄에 λŒ€ν•΄ λ‚΄κ°€ λ‚΄λ¦° 결둠은 '세상에 κ°‘μžκΈ°λž€ μ—†κ³ , μΆ©λΆ„νžˆ λŒ€λΉ„ν•  수 μžˆλ‹€'λŠ” 것이닀. ITμ—…κ³„μ˜ μƒνƒœκ³„κ°€ λΉ λ₯΄κ³  λ―Όκ°ν•˜κ²Œ λ³€ν™”ν•œλ‹€λŠ” 건 이미 μ•Œκ³  μ‹œμž‘ν–ˆκ³ ! μƒˆλ‘œμš΄ μ–Έμ–΄κ°€ λ‚˜μ˜¬λ•Œλ§ˆλ‹€ κ°œλ°œμžλ“€μ΄ λͺ¨λ‘ μ‹€μ§ν•˜λŠ” 것도 μ•„λ‹ˆκ³ ! μ„€λ Ή λ‚΄κ°€ μ‚¬μš©ν•œ μ–Έμ–΄κ°€ μ˜μ›νžˆ 사라지더라도 λ‚΄κ°€ ν„°λ“ν•œ 컴퓨터적 사고λŠ₯λ ₯κ³Ό 논리, 기본지식이 μ ˆλŒ€ λ¬΄μš©μ§€λ¬Όμ΄ 될 일도 μ—†κ³ ! κ·Έλ ‡λ‹€λ©΄ μΆ©λΆ„νžˆ λ‚˜λ„ 잘 살아남을 수 μžˆλ‹€λŠ” 생각이 λ“€μ—ˆκ³  λ‹€μ‹œ λ§ˆμŒμ„ λ‹€μž‘μ„ 수 μžˆμ—ˆλ‹€.


κ·Έλ ‡λ‹€λ©΄ λ‚˜λŠ” μ–΄λ–€ 개발자둜 μ„±μž₯ν•˜κ³  싢은가?

ν•œλ‹¬ λ™μ•ˆ 10λͺ… μ •λ„μ˜ νŽ˜μ–΄λ₯Ό λ§Œλ‚¬λ‹€. λ‚˜λ„ λˆ„κ΅°κ°€μ—κ²Œ νŽ˜μ–΄λ“€ 쀑 ν•œ λͺ…μ΄μ—ˆμ„ν…λ°, λ‚˜λŠ” μ–΄λ–€ νŽ˜μ–΄μ˜€μ„κΉŒ?

νŽ˜μ–΄ ν”„λ‘œκ·Έλž˜λ°μ„ ν•˜λ©΄μ„œ λ•Œλ‘  λ‚΄κ°€ κ°€λ₯΄μ³μ£ΌκΈ°λ„ ν•˜κ³ , λ•Œλ‘  ν•¨κ»˜ 끙끙 κ³ λ―Όν•˜κΈ°λ„ ν•˜κ³ , λ•Œλ‘  도움을 받기도 ν–ˆλ‹€. κ·Έλ™μ•ˆμ€ λ‹€λ₯Έ μ‚¬λžŒμ΄ μ“΄ μ½”λ“œλ₯Ό μ§‘μ€‘ν•΄μ„œ λΆ„μ„ν•˜λ €κ³  ν•˜κ±°λ‚˜, λ‚΄κ°€ μ™œ μ΄λ ‡κ²Œ μ½”λ“œλ₯Ό μΌλŠ”μ§€ μ„€λͺ…ν•  κΈ°νšŒκ°€ μ—†μ—ˆλŠ”λ° νŽ˜μ–΄ ν”„λ‘œκ·Έλž˜λ°μ„ 톡해 'μ†Œν†΅'의 μ€‘μš”μ„±μ„ λŠκΌˆλ‹€.

λ‚΄κ°€ μ•„λŠ” κ±Έ 말둜 μ„€λͺ…ν•˜κ³ , λ‚΄κ°€ λͺ¨λ₯΄λŠ” 게 λ­”μ§€ μ•Œκ³  μ§ˆλ¬Έν•˜κΈ° μœ„ν•΄μ„œλŠ” μ†Œν†΅λŠ₯λ ₯이 κΌ­ ν•„μš”ν–ˆκ³ , 쉽지 μ•Šμ•˜λ‹€. κ²Œλ‹€κ°€ 맀번 μƒˆλ‘œμš΄ μ‚¬λžŒκ³Ό ν•˜λ €λ‹ˆ μ²˜μŒμ—λŠ” μ–΄μƒ‰ν•˜κΈ°λ„ ν–ˆλ‹€.

ν•˜μ§€λ§Œ 이 νŽ˜μ–΄ ν”„λ‘œκ·Έλž˜λ°μ€ λ‚˜μ€‘μ— μž…μ‚¬ν–ˆμ„λ•Œ λ‚΄κ°€ κ²ͺ을 상황듀을 미리 μ—°μŠ΅ν•˜λŠ” 거라고 μƒκ°ν•œλ‹€. κ°œλ°œμ€ λ‹€λ₯Έ μ‚¬λžŒλ“€κ³Ό νŒ€μœΌλ‘œ ν•¨κ»˜ ν•˜κ²Œ 될 것이고, νšŒμ‚¬μ— μž…μ‚¬ν•˜κ²Œ 되면 μŠ¬ν”„μ§€λ§Œ λ‚˜λŠ” κ°€μž₯ λͺ»ν•˜λŠ” μ‚¬λžŒμΌ 것이닀. 그리고 μ—°μ°¨κ°€ μŒ“μ΄κ³  λ…Έλ ₯ν•˜λ‹€λ³΄λ©΄ μ‹ μž…μ΄ λ“€μ–΄μ˜€κ³  그땐 λ‚΄κ°€ 도움을 쀄 수 μžˆλŠ” μ‚¬λžŒμ΄ 될 것이닀. μ‹œκ°„μ΄ 흐λ₯΄λ©΄μ„œ 개발 μ‹€λ ₯은 λ‚΄κ°€ ν‚€μšΈ 수 μžˆλ‹€λ©΄, μ€‘μš”ν•œ 건 'νŒ€'으둜써 ν•¨κ»˜ μΌν•˜λŠ” 것이 μ•„λ‹κΉŒ?

κ·Έλž˜μ„œ λ‚˜λŠ” ν•¨κ»˜ μΌν•˜κ³  싢은 개발자, μ†Œν†΅ν•˜λŠ” κ°œλ°œμžκ°€ 되고 μ‹Άλ‹€.

μ†Œν†΅λŠ₯λ ₯은 κ°œλ°œμ‹€λ ₯만큼 ν•˜λ£¨μ•„μΉ¨μ— μƒκΈ°λŠ” 게 μ•„λ‹Œλ§ŒνΌ νŽ˜μ–΄ ν”„λ‘œκ·Έλž˜λ°μ„ ν•˜λ©° 'κ·Όκ±°λ₯Ό κ°€μ§€κ³ ' 'μ‰½κ²Œ' λ‚˜μ˜ μ½”λ“œλ₯Ό μ„€λͺ…ν•˜κ³ , 이해가 잘 λ˜μ§€ μ•ŠλŠ” 뢀뢄이 무엇인지 '잘' μ§ˆλ¬Έν•˜λŠ”, 그리고 ν•¨κ»˜ λ‹¨κ³„λ³„λ‘œ 문제λ₯Ό ν•¨κ»˜ ν•΄κ²°ν•˜λŠ” μ—°μŠ΅μ„ ν•  것이닀.


Section 2λ₯Ό μ‹œμž‘ν•˜λŠ” λ§ˆμŒκ°€μ§

section 2라고 ν•΄μ„œ "더 μ—΄μ‹¬νžˆ ν•΄μ•Όμ§€" 이런 생각은 μ—†λ‹€. κ·Έλƒ₯ μ§€κΈˆμ²˜λŸΌ λΆ€λ”ͺνžˆλ©΄μ„œ 배울 것이닀.

λ‹€λ§Œ section 2 λ™μ•ˆ κΌ­ ν•˜κ³  싢은 것이 μžˆλ‹€λ©΄,

  • 맀일은 μ•„λ‹ˆλ”λΌλ„ μƒˆλ‘œ 배운 κ°œλ…μ— λŒ€ν•΄μ„œλŠ” κΎΈμ€€νžˆ 기둝할 것
  • 1일 1 μ•Œκ³ λ¦¬μ¦˜ ν’€κΈ°
  • 주말에 λ³΅μŠ΅ν•˜λŠ” μ‹œκ°„ κ°–κΈ°
  • λ…μ„œν•˜κΈ°

이번 ν•œλ‹¬λ™μ•ˆ 정말 κ³ μƒν–ˆκ³ , λ‹€μŒ ν•œλ‹¬λ„ νž˜λ‚΄μ„œ ν•΄λ΄μ•Όκ² λ‹€πŸ˜Š

profile
μ–΄μ œλ³΄λ‹€ λ‚˜μ€ μ˜€λŠ˜μ„ λ§Œλ“œλŠ” 쀑

0개의 λŒ“κΈ€