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

JUNYΒ·2022λ…„ 8μ›” 30일
0

πŸ“šZeroBase ConnecTo Front-End

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

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

❗ 처음 λ¦¬μ•‘νŠΈ 등을 배우게 되면, 이 κΈ°μˆ μ„μ™œ μ¨μ•Όν•˜λŠ”μ§€ λͺ¨λ₯΄κ³  μ‚¬μš©ν•˜λŠ” κ²½μš°κ°€ λ§Žμ•„μ§. 그런데 μ΄μ „μ˜ μ—¬λŸ¬κ°€μ§€ λΆˆνŽΈν•œ 점듀을 ν•΄κ²°ν•΄μ£ΌλŠ” 것이라고 생각을 ν•˜λ©΄μ„œ 이게 쒋은 κ²ƒμ΄κ΅¬λ‚˜λ₯Ό λŠλΌλŠ” 것이 μ€‘μš”ν•¨.


이벀트 ν•Έλ“€λŸ¬ 등둝

  • 인수λ₯Ό λ„˜κΈ΄λ‹€? ν˜ΈμΆœλ¬Έμ„ μž‘μ„±ν•˜κΈ° λ•Œλ¬Έμ— 호좜문 μ•ˆμ— 인수λ₯Ό μ „λ‹¬ν•˜λŠ” κ²ƒμž„.
  • 이벀트 객체λ₯Ό μ–΄λ–»κ²Œ λ°›λ‚˜? β†’ λ§€κ°œλ³€μˆ˜λ‘œ function onclick(event) 처럼 event라고 써주긴 ν•΄μ•Ό 함.

이 λ°©μ‹μ˜ 경우, 단점은 htmlλ¬Έμ„œμ— μžλ°”μŠ€ν¬λ¦½νŠΈ μ½”λ“œκ°€ λ“€μ–΄κ°€λŠ”λ°, jsκ°€ λ“€μ–΄κ°€λ©΄ μ•ˆλ˜λŠ” 것인가??

μ „ν†΅μ μœΌλ‘œ μš°λ¦¬λŠ” html은 html νŒŒμΌμ—, jsλŠ” js νŒŒμΌμ— λ‚˜λˆ„μ–΄μ•Ό λœλ‹€κ³  λ°°μ› μŒ.

html, css, js μ™œ μ‘΄μž¬ν•˜λŠ”κ°€? viewλ₯Ό λ§Œλ“€κΈ° μœ„ν•΄μ„œ.

전톡적 μž…μž₯은 html, css, js λͺ¨λ‘ λ”°λ‘œ λ”°λ‘œ μƒκ°ν–ˆλŠ”λ°, ν˜„λŒ€μ  μž…μž₯은 이 3가지가 ν•œ λͺΈμ΄λΌκ³  μƒκ°ν•˜κ³  있고, 이 κ°œλ…μ΄ μ»΄ν¬λ„ŒνŠΈμž„.

μ»΄ν¬λ„ŒνŠΈ κ΄€μ μ—μ„œλŠ” λͺ©μ μ€ λ‹€λ₯΄μ§€λ§Œ, 관점은 ν•˜λ‚˜μΈλ°,

이 3가지λ₯Ό ν†΅ν•©ν•˜λ €λ©΄, μ–΄λ–€ λ¬Έμ œκ°€ μƒκΈΈκΉŒ?

β†’ 전톡적일 λ•ŒλŠ” html이 μ£Όκ°€ λ˜λŠ” 것이고, μ§€κΈˆμ€ jsκ°€ μ£Όκ°€ λ˜μ–΄μ„œ html, css λ₯Ό κ΄€μž₯ν•΄μ„œ ν•˜λŠ” κ²ƒμž„.

λ¦¬μ•‘νŠΈλ₯Ό μ‚¬μš©ν•˜λ©΄ html을 λ§Œλ“€ μ΄μœ κ°€ μ—†λŠ”λ°,

κ·Έλ ‡λ‹€λ©΄, html이 어디에 λ“€μ–΄κ°€λŠ”κ°€? β†’ js μ•ˆμ— λ“€μ–΄κ°€κ²Œ 됨.

μžλ°”μŠ€ν¬λ¦½νŠΈκ°€ μ£Όκ°€ λ˜μ–΄μ„œ html을 컨트둀 ν•  κ²ƒμ΄λΌλŠ” μ΄μ•ΌκΈ°μž„.

λ§Œμ•½ λ””μžμΈμ΄ λ°”λ€Œμ—ˆμ„ 경우, jsκ°€ λ°”λ€Œλ©΄ ν…ŒμŠ€νŠΈλ₯Ό λ‹€μ‹œν•΄μ•Όν•¨ β†’ 였λ₯˜ λ°œμƒ κ°€λŠ₯μ„± λ†’μŒ

λ””μžμΈμ΄ λ°”λ€Œμ–΄λ„, js λ³€ν™”κ°€ μ—†λ‹€λŠ” 것을 ν™•μ‹€ν•˜κ²Œ ν•΄μ•Ό ν•œλ‹€.

html이 μ£Όλ„ν•˜λŠ” 개발 λ°©μ‹μ—μ„œ jsκ°€ μ£Όλ„ν•˜λŠ” 개발 λ°©μ‹μœΌλ‘œ λ°”λ€Œμ–΄μ•Ό 함.

FE κ°œλ°œμ„ 닀뀄보면, 큰 ν‹€μ—μ„œ 바라보면 μ’‹κ² λ‹€.

profile
μ„±μž₯ν•˜λŠ” 개발자🌼

0개의 λŒ“κΈ€