[λ°λΈŒμ½”μŠ€] WEEK8πŸš€

박솑이·2021λ…„ 9μ›” 27일
0
post-thumbnail

ν”„λ‘œκ·Έλž˜λ¨ΈμŠ€ λ°λΈŒμ½”μŠ€ ν”„λ‘ νŠΈμ—”λ“œ 36일차

μ•„λ¦„λ‹€μš΄ vue,, vue,, vue,, vue,, vue ~! 🀴

κΈ΄- μ—°νœ΄κ°€ λλ‚˜κ³  λ‹€μ‹œκΈˆ μΌμƒμœΌλ‘œ λŒμ•„μ™”λ‹€! 아무리 생각해도 μ—°νœ΄λ₯Ό λˆ„κ°€ 훔쳐간 것 κ°™λ‹€. 체감상 3일...? κ·Έλ§ˆμ €λ„ λ°±μ‹  ν›„μœ μ¦μœΌλ‘œ λ°”λ‹₯μ΄μ—ˆλ˜ 체λ ₯κ³Ό κΈ°λ ₯을 뺏어 κ³¨κ³¨λŒ€λ©° μš”μ–‘ of μš”μ–‘μ„ ν•˜λ©΄μ„œ 보낸 것 κ°™λ‹€... (건강이 μ΅œκ³ μ˜ˆμš” 졜고 무쑰건 졜고) μ˜€λžœλ§Œμ— λ‹€μ‹œ λŒμ•„μ˜¨ λ°λΈŒμ½”μŠ€μ—” λ―ΈμΉœλ“―μ΄ μŒ“μ—¬μžˆλŠ” κ°•μ˜λ“€μ΄ λ‚  반겨주고 μžˆλ‹€. ⭐ 얄루 μ‹ λ‚˜ ~ μ–Έμ œ λ‹€λ“€μ–΄?~ 였예 ~ 또 λͺ‡μΌμ€ λΉ‘μ„Έκ²Œ λ°€λ¦° κ±Έ ν•΄κ²°ν•΄μ•Όκ² λ‹€~

고민이 μžˆμ—ˆλŠ”λ°μš” μ—†μŠ΅λ‹ˆλ‹€. πŸ’¨

였늘의 νŠΉκ°•μ€ 개발자λ₯Ό μœ„ν•œ κΈ°μ΄ˆμ§€μ‹ μ΄λž€ 주제둜 μœ€μ„±ν˜œ κ΅μˆ˜λ‹˜κ»˜μ„œ νŠΉκ°•μ„ ν•΄μ£Όμ…¨λ‹€. 사싀 μ—°νœ΄μ— scss 과제λ₯Ό ν•˜λ©΄μ„œ ν•¨μˆ˜ν˜• ν”„λ‘œκ·Έλž˜λ° λ•Œλ³΄λ‹€ 더 μ΄ˆμ‘°ν–ˆκ³  μ–΄λ €μ› μ–΄μ„œ ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμžκ°€ 될 수 μžˆμ„κΉŒ? λ§ˆν¬μ—…κ³Ό λ ˆμ΄μ•„μ›ƒμ„ μ§œλŠ”μΌμ„ λ‚΄κ°€ μ—…μœΌλ‘œ 삼을 수 μžˆμ„κΉŒ? μ•„λ‹ˆ μ• μ΄ˆμ— κ°œλ°œμžκ°€ λ‚΄ 적성에 λ§žλ‚˜? 두렡닀 개발자 이런 생각을 ν•˜λ©΄μ„œ λ³΄λƒˆλ˜ 것 같은데, 이에 λŒ€ν•œ μ–΄λŠμ •λ„μ˜ 해닡을 μ£Όμ‹  것 κ°™λ‹€.
κ°€μž₯ 기얡에 λ‚¨λŠ” 것은 κ³΅λΆ€ν•˜λŠ” 방법 κ³Ό μ–΄λ–»κ²Œ 쒋은 μ½”λ“œ, 쒋은 κ°œλ°œμ„ ν•˜λŠ”κ°€?에 λŒ€ν•œ λΆ€λΆ„μ΄μ—ˆλ‹€. 항상 nμΌλ§Œμ— ν΄λΌμš°λ“œ μ„œλΉ„μŠ€ λ§Œλ“€κΈ° 뭐 μ΄λŸ°μ‹μ˜ κ°•μ˜λ₯Ό μ—΄μ • λ„˜μΉ˜κ²Œ λ“£κ³ , κ°•μ˜ 따라 타이핑을 ν•˜κ³  μ‹€ν–‰λ˜λŠ”κ±Έ 보고 μš°μ™€~ν•˜λ©΄μ„œ 완강을 주둜 ν–ˆμ—ˆλ‹€. κ·ΈλŸ¬λ‹€λ³΄λ‹ˆ λ‚΄ μ‹€λ ₯에 λŒ€ν•΄ 확신이 늘 듀지 λͺ»ν–ˆκ³  μ™œ 이 μ½”λ“œλ₯Ό μž…λ ₯ν•˜κ³ , 이 μ½”λ“œκ°€ 전체적인 νλ¦„μ—μ„œ μ–΄λ–€ 영ν–₯을 λΌμΉ˜λŠ”μ§€μ— λŒ€ν•œ 사고λ₯Ό ν•˜λŠ” μŠ΅κ΄€μ΄ ν˜•μ„±λ˜μ§€ λͺ»ν–ˆλ˜ 것 κ°™λ‹€. λ˜ν•œ κ·Έμ € λŒμ•„κ°€λŠ” μ½”λ“œκ°€ μ•„λ‹Œ, μ„±λŠ₯κ³Ό μ΅œμ ν™”λ₯Ό κ³ λ―Όν•˜λ©° λˆμž„μ—†μ΄ λ¦¬νŒ©ν† λ§ν•˜λŠ” μŠ΅κ΄€μ΄ κΌ­κΌ­ ν•„μš”ν•œ 것 κ°™λ‹€.

ν”„λ‘œκ·Έλž˜λ¨ΈμŠ€ λ°λΈŒμ½”μŠ€ ν”„λ‘ νŠΈμ—”λ“œ 37일차

μ€Όμ˜ ν–₯μ—° πŸ’«

μ–΄μ œμ— 이어 vue의 기본적인 문법 및 ν•™μŠ΅μ΄ μ΄μ–΄μ‘Œλ‹€. 크게 λ””λ ‰ν‹°λΈŒλ₯Ό μ΄μš©ν•œ ν΄λž˜μŠ€μ™€ μŠ€νƒ€μΌ 지정, μ‘°κ±΄λΆ€λ Œλ”λ§, λ¦¬μŠ€νŠΈλ Œλ”λ§, μ΄λ²€νŠΈν•Έλ“€λ§, μ»΄ν¬λ„ŒνŠΈμ˜ κΈ°λ³Έ κ°œλ…κ³Ό μ˜΅μ…˜λ“€, Nodejs와 npm둜 λ‚˜λˆŒ 수 μžˆλŠ” λ°©λŒ€ν•˜κ³  λ°©λŒ€ν•œ λΆ„λŸ‰μ˜ vueλ₯Ό ν•™μŠ΅ν–ˆλ‹€! πŸ˜‹ 듀을 땐 쑰금 λ²„κ±°μ› μ§€λ§Œ 술술 μ¨λ‚΄λ €κ°€μ§€λŠ”κ±Έ λ³΄μ•„ν•˜λ‹ˆ λ‚˜ vue μ’€ μ’‹μ•„ν•˜λ„€? γ…Žγ…‹γ…Žγ…‹γ…Žγ…‹γ…Žγ…‹ κ°œλ°œμžκ°€ λ˜μ•Όμ§€~ FEν• κΊΌμ•Ό~ ν–ˆμ„ 땐 ν”„λ ˆμž„μ›Œν¬ 3λŒ€μž₯ 쀑 κ°€μž₯ λ§Žμ΄ν•˜λŠ” react만 ν•΄μ•Όκ² λ‹€ ^^ ν–ˆμ—ˆκ³  λ°λΈŒμ½”μŠ€ μ΄ˆμ°½κΈ°μ—λ„ κ·Έ 생각이 μ΄μ–΄μ‘Œμ—ˆλŠ”λ°, 바닐라 JS둜 μ»΄ν¬λ„ŒνŠΈ λ°©μ‹μœΌλ‘œ ν”„λ‘œμ νŠΈλ₯Ό ν•˜κ³  과제λ₯Ό μˆ˜ν–‰ν•˜λ©΄μ„œ 기본적인 μ»΄ν¬λ„ŒνŠΈμ— λŒ€ν•œ 이해가 생긴 것 κ°™λ‹€. κ·Έλž˜μ„œ vue도 λ‚˜μ˜μ§€ μ•Šμ€ λ„ˆλ‚Œ? λ””λ ‰λ¦¬λΈŒλ₯Ό μ‚¬μš©ν•˜κ³  μ˜΅μ…˜μ„ μ“°κ³  뭐 λ³΅μž‘λ³΅μž‘ν•˜κ²Œ λ§Žμ€ λ“― ν•˜μ§€λ§Œ, κ²°κ΅­ μƒμœ„ <-> ν•˜μœ„ μ»΄ν¬λ„ŒνŠΈ κ°„μ˜ 전달을 μœ„ν•¨μ΄ μ•„λ‹Œκ°€? λΌλŠ” μƒκ°μœΌλ‘œ κ°€λ²Όμš΄ 마음으둜 μˆ˜κ°• 쀑이닀. λ¬Όλ‘  내일 또 μ²˜μ°Έν•˜κ²Œ ν—ˆλ•μ΄κ² μ§€λ§Œ λ‚˜λŠ” 내일 더 λ‚˜μ•„μ§ˆκ±°λ‹ˆκΉŒ ν™”μ΄νŒ… πŸ’™πŸ’™

ν”„λ‘œκ·Έλž˜λ¨ΈμŠ€ λ°λΈŒμ½”μŠ€ ν”„λ‘ νŠΈμ—”λ“œ 38일차

κ°•μ˜λ₯Ό λ“€μ–΄μš” πŸ€”

뷰에 λŒ€ν•œ κ°•μ˜κ°€ 이어지고 있고, λ§‰μ—°ν•˜κ²Œ λ“œλŠ” 생각은 단 ν•œκ°€μ§€... μ•„... μΆ”μ„λ•Œ μ™œ λ†€μ•˜λƒ? λΌλŠ” μƒκ°λΏμ΄λ‹€γ…Žγ…‹γ…Žγ…‹γ…Ž μ§€λ‚˜κ°„ μ‹œκ°„μ€ 되돌릴 수 μ—†κΈ° λ•Œλ¬Έμ—! 미래의 솑솑이 수슡 μ€‘μ΄μ§€λ§Œ 버겁기 짝이 μ—†λ‹€... κ°•μ˜λŠ” 개발 ν™˜κ²½ μ„ΈνŒ… + λ·° ν•™μŠ΅ + 예제 및 μ‹€μŠ΅ μ΄λŸ°μ‹μœΌλ‘œ μ§„ν–‰λœλ‹€. μ±„μš© 곡고 속 μš°λŒ€μ‚¬ν•­μ— 많이 λ“€μ–΄κ°€λŠ” sassλ‚˜ webpack, parcel λ“±λ“±μ˜ 배포 κ΄€λ ¨ν•œ λ‚΄μš©λ„ ν¬ν•¨ν•˜κ³  μžˆμ–΄ 둜컬둜 μ΄λ£¨μ–΄μ§€λŠ” λ˜λŠ” μ†Œκ·œλͺ¨λ‘œ μ½”λ“œ μ§œλŠ” μœ„μ£Όμ˜ μ‹€μŠ΅ λ³΄λ‹€λŠ” 싀무에 κ°€κΉλ‹€λŠ” λŠλ‚Œμ„ λ°›λŠ” 쀑! 양이 μ’€ λ§Žμ•„μ„œ ν•œλ²ˆμ— μ΄ν•΄ν•˜κ³  μ†Œν™”μ—” μ–΄λ ΅κ² μ§€λ§Œ ν•¨μˆ˜ν˜• ν”„λ‘œκ·Έλž˜λ°κ³Ό 같이 λ‚˜μ€‘μ—” κΌ­ λ‹€μ‹œ κ³΅λΆ€ν•΄λ΄μ•Όν•˜λŠ” 주제라고 μƒκ°ν•œλ‹€.

ν”„λ‘œκ·Έλž˜λ¨ΈμŠ€ λ°λΈŒμ½”μŠ€ ν”„λ‘ νŠΈμ—”λ“œ 39일차

μ˜€λŠ˜λ„ vue~ πŸš„

바닐라 μžλ°”μŠ€ν¬λ¦½νŠΈλ‘œ μ½”λ”©ν•˜λŠ” 것과 뷰둜 μ½”λ”©ν•˜λŠ” κ²ƒμ˜ 차이λ₯Ό 점점 κΉ¨λ‹¬μ•„κ°€λŠ” 것 κ°™λ‹€. λ·°κ°€ 가지고 μžˆλŠ” 쒋은 κΈ°λŠ₯이 λ§Žμ•„λ³΄μ΄λŠ”λ° 이걸 λ‹€ μ†Œν™”ν•˜κ³  술술 μ¨λ‚΄λ €κ°ˆ 수 있으면 μ’‹κ² λ‹€.😁 또.. 학ꡐ κ°•μ˜κ°€ 점점 μŒ“μ΄κ³  μžˆμ–΄μ„œ λ·° λ“£κ³  학ꡐ κ°•μ˜κΉŒμ§€ λ“€μœΌλ©΄ κ³Όμ œμ™€ 순수 κ³΅λΆ€μ‹œκ°„μ΄ μžˆμ„κΉŒλΌλŠ” 걱정이 μ‚°λ”λ―Έγ…œγ…œ.. 9월은 λ‚˜λ¦„ ν•™κΈ° 초반이라 λ‚΄μš©λ„ 쉬이쉬이 ν–ˆμ§€λ§Œ μ—­μ‹œ 점차 μ–΄λ €μ›Œμ§€λŠ” λ‚œμ΄λ„.. 흑흑 πŸ’¦πŸ’¦πŸ’¦πŸ’¦

ν”„λ‘œκ·Έλž˜λ¨ΈμŠ€ λ°λΈŒμ½”μŠ€ ν”„λ‘ νŠΈμ—”λ“œ 40일차

λ…Έμ…˜μ„ λ‹€-μ‹œ λ§Œλ“€μ–΄λ³Ό-κ²Œμš”! 😨

κΈΈκ³  κΈΈμ—ˆλ˜ 뷰의 μΆœκ΅¬κ°€ 보이고 μžˆλ‹€! 기쑴에 바닐라 JS둜 λ§Œλ“€μ—ˆλ˜ λ…Έμ…˜ ν΄λ‘œλ‹μ„ 뷰둜 μ‹€μŠ΅ν•˜λŠ” κ°•μ˜κ°€ μ§„ν–‰λ˜μ—ˆλ‹€. 바닐라 JS둜 ν•  λ•Œλ„ state λ„˜κ²¨μ£Όκ³  μƒνƒœ λ³€ν™” μ‹œ 올렀주고 ν•˜λŠ” 뢀뢄듀이 κ½€ μž¬λ°Œλ‹€κ³  μƒκ°ν–ˆλŠ”λ° μ—­μ‹œ μ™œ ν”„λ ˆμž„μ›Œν¬λ₯Ό μ“°λŠ”μ§€ μ•Œ 것 κ°™μ•˜λ‹€. λ¬Όλ‘  webpack, babel, loader λ“±λ“± vueλ₯Ό λΈŒλΌμš°μ €μ—μ„œ λ™μž‘ν•˜κ²Œ ν•  수 μžˆκ²Œλ” js둜 λ°”κΏ”μ£ΌλŠ” 과정을 κ±°μ³μ•Όν•˜μ§€λ§Œ 이미 λ˜‘λ˜‘μ΄ κ°œλ°œμžλ“€μ΄ λ‹€ λ§Œλ“€μ–΄λ†¨μœΌλ‹ˆ μ–Όλ§ˆλ‚˜ κ°μ‚¬ν•œκ°€!! κ°€μž₯ λ†€λžλ˜ 점은 μ½”λ“œμ˜ 양이 μ€„μ—ˆλ‹€. μ˜€κ³  λ…Έμ…˜ ν΄λ‘œλ‹ν•  땐 정해진 μ»΄ν¬λ„ŒνŠΈμ— 따라 js파일둜 μ œμ–΄λ₯Ό ν–ˆλŠ”λ° router, store λ“±λ“±μ˜ μ—¬λŸ¬ 파일둜 λ‚˜λ‰˜μ–΄ κ΄€λ¦¬ν•˜λ‹ˆκΉŒ μš©μ΄ν•˜λ‹€κ³  ν•œλ‹€. (λ¬Όλ‘  λ‚΄κ°€ κ²ͺμ€κ²Œ 아직 μ•„λ‹ˆκΈ° λ•Œλ¬Έμ— 파보고 또 파보고 ν•΄μ•Όν• λ“―...!)

0개의 λŒ“κΈ€