🌱 SeSac/μŠ€ν„°λ”” 일기

[4μ£Όμ°¨] 머리가 μ–΄μ§€λŸ½λ‹€.

Jane K 2022. 6. 21. 22:07

5/23
 μ˜€λŠ˜ js λŠ” λ³€μˆ˜μ™€ ν•¨μˆ˜μ— λŒ€ν•΄ 배우고 cssλŠ” grid λΆ€λͺ¨ μš”μ†Œμ— μ μš©ν•˜λŠ” 속성에 λŒ€ν•΄ λ°°μ› λ‹€. λ³€μˆ˜κΉŒμ§€λŠ” 이해가 잘 λλŠ”λ° ν•¨μˆ˜λŠ” μ΄ν•΄ν•˜κΈ° μ–΄λ €μ› λ‹€. 특히 λ§€κ°œλ³€μˆ˜μ— for 문을 μ΄μš©ν–ˆλ˜ 것이 잘 μž‘λ™μ€ λ˜μ§€λ§Œ μ–΄λ–€ ꡬ쑰둜 μž‘λ™λ˜λŠ”μ§€ μ–΄λ–»κ²Œ μž‘μš©ν•˜λŠ”μ§€ 이해가 λ˜μ§€ μ•Šμ•˜λ‹€. 그리고 grid λŠ” κ°„λ‹¨ν•˜κ³  μ‰½μ§€λ§Œ μ†μ„±μ˜ μ’…λ₯˜κ°€ λ§Žμ•„μ„œ μ™ΈμšΈ ν•„μš”κ°€ μžˆμ„ 것 κ°™λ‹€.
 μ§‘에 μ™€μ„œ μ‚Όμ„±μ „κΈ° λ§ˆν¬μ—…κ³Ό 였늘 배운 js λΆ€λΆ„ 이해와 grid 속성 μ™Έμš°κΈ°λ₯Ό ν–ˆλ‹€. μ‚Όμ„±μ „κΈ°λŠ” λ§ˆν¬μ—…μ΄ λ³΅μž‘ν•΄μ„œ μ—¬λŸ¬λ²ˆ λœ―μ–΄κ³ μΉ˜λŠ” 과정을 λ°˜λ³΅ν–ˆλ‹€. μ „μ—λŠ” κ°„λ‹¨ν•΄μ„œ 머리 μ†μœΌλ‘œ λ ˆμ΄μ•„μ›ƒμ„ μž‘μ•˜λŠ”λ° μ•žμœΌλ‘œ 계속 λ§ˆν¬μ—…μ΄ λ³΅μž‘ν•œ νŽ˜μ΄μ§€λ₯Ό λ§Œλ“€ν…Œλ‹ˆ 쑰원뢄이 μ•Œλ €μ€€ 그림을 ν™œμš©ν•˜λŠ” 방법을 μ¨μ•Όκ² λ‹€λŠ” 생각이 λ“€μ—ˆλ‹€.

5/24
 μ˜€λŠ˜ js λŠ” 객체λ₯Ό μƒμ„±ν•˜λŠ” 방법에 λŒ€ν•΄ 배우고 css grid μžμ‹ μš”μ†Œμ— μ μš©ν•˜λŠ” 속성에 λŒ€ν•΄ λ°°μ› λ‹€. λ‹€μ–‘ν•œ 방법에 λŒ€ν•΄ λ°°μ› λŠ”λ° prototype λΆ€ν„° λ§‰νžˆκΈ° μ‹œμž‘ν•΄μ„œ 점점 이해가 μ–΄λ €μ› λ‹€. 
 μŠ€ν„°λ”” λͺ¨μž„μ—μ„œλŠ” 각자 과제 쀑 μ–΄λ €μ› λ˜ 점을 묻고 λ‹΅ν•˜λŠ” μ‹œκ°„μ„ κ°€μ‘ŒλŠ”λ° nature νŽ˜μ΄μ§€ κ΅¬ν˜„ 쀑 λͺ¨λ°”일 λ°˜μ‘ν˜•μ— 속성이 잘 λ¨Ήμ§€ μ•Šμ•˜λ˜ 것이 경둜 μš°μ„ μˆœμœ„λ₯Ό μ§€ν‚€μ§€ μ•Šμ•„μ„œ 반영이 λ˜μ§€ μ•Šμ•˜λ˜ κ²ƒμ΄μ—ˆλ‹€. 그리고 transition 이 μž‘λ™ν•˜λŠ” 원리에 λŒ€ν•΄ κΆκΈˆν–ˆλŠ”λ° μ‘°μ›μ˜ λ„μ›€μœΌλ‘œ 이해가 κ°€λŠ₯ν–ˆλ‹€. λ°˜μ‘ν˜• μ›ΉνŽ˜μ΄μ§€μ— λͺ¨λ°”일 λ°˜μ‘ν˜•μ„ ν•  λ•Œ 메뉴 뢀뢄에 ν˜Έλ²„κ°€ 되면 바탕색이 μ „μ²΄λ‘œ μ μš©λ˜μ§€ μ•Šμ•˜λŠ”λ° 넓이λ₯Ό px 둜 μ£Όκ³  λ§ˆμ§„μ„ μ€˜μ„œ 전체에 적용이 λ˜μ§€ μ•Šμ•˜λ˜ κ±°μ˜€λ‹€.

5/25
μ˜€λŠ˜μ€ ν΄λž˜μŠ€, μž…λ ₯좜λ ₯ λ©”μ„œλ“œ, μ „μ—­ κ°μ²΄, μˆ«μž κ°μ²΄, λ¬Έμž κ°μ²΄, date κ°μ²΄μ— λŒ€ν•΄ λ°°μš°κ³  grid λ‚˜λ¨Έμ§€μ— λŒ€ν•΄ λ°°μ› λ‹€. js λŠ” κ° κ°μ²΄μ˜ μ†μ„±λ“€μ— λŒ€ν•œ μ΄ν•΄λ₯Ό ν•˜κ³  μ™Έμ› λ‹€. grid μ†μ„±μ— λŒ€ν•œ μ–‘이 λ§Žμ•„μ„œ μ™Έμš°κ³ , λ‹€λ₯Έ κ΅μœ‘생이 μ—°μŠ΅ν•˜λ˜ 'λͺ¬λ“œλ¦¬μ•ˆ' μ˜ κ·Έλ¦ΌμœΌλ‘œ μ—°μŠ΅ν–ˆλ‹€. 

5/26
μ˜€λŠ˜μ€ λ°°μ—΄, λ”νŠΈλ¦¬, foreach, μ΄λ²€νŠΈ μ²˜λ¦¬κΈ°μ— λŒ€ν•΄ λ°°μ› λ‹€. λ°°μ—΄ λ§Œλ“œλŠ” κ²ƒλ„ λ¬Όλ‘  μ–΄λ €μ› μ§€λ§Œ λ”νŠΈλ¦¬λΆ€ν„° λ…Έλ“œλ‚˜ element κ°€ νƒœκ·ΈμΈμ§€? λ“± μƒˆλ‘œμš΄ λ‹¨μ–΄κ°€ μš°μˆ˜μˆ˜ λ‚˜μ˜€λ‹ˆ μ •신이 μ—†κ³  νž˜λ“€μ—ˆλ‹€. λ‹€λ₯Έ λΆ€λΆ„ λ°°μšΈ λ•Œλ³΄λ‹€ μ΄ν•΄λ ₯이 λ§Žμ΄ λ–¨μ–΄μ Έμ„œ μ–΄λ €μ›€μ„ κ²ͺ은 κ²ƒ κ°™μ•„ κΈ°λΆ„이 μ’‹μ§€ μ•Šμ•˜λ‹€. μ‰¬λŠ” μ‹œκ°„λ§ˆλ‹€ μ—°μ‚°μžλΆ€ν„° κΈ°λ³Έ λ©”μ„œλ“œλ“€κΉŒμ§€ λ‹€μ‹œ μ‚΄νŽ΄λ΄€λ‹€. μ΄λ²€νŠΈ μ²˜λ¦¬κΈ°λŠ” μ²˜μŒμ—” μž¬λ°Œμ—ˆλŠ”λ° νŽ˜μ΄μ§€ κ΅¬ν˜„을 μ‹œμž‘ν•˜λ‹ˆ μ μ  λ³΅μž‘ν•΄μ‘Œλ‹€. css μ™€ μ—°κ²°ν•΄ js λ₯Ό κ΅¬ν˜„ν•˜λŠ” λΆ€λΆ„μ—μ„œ μž˜ μ—°κ²°μ΄ λ˜μ§€ μ•Šμ•„ λ‹΅λ‹΅ν–ˆλ‹€. λ˜ν•œ μž‘은 μ˜€νƒ€ μ‹€μˆ˜λ₯Ό ν•΄λ„ κ°’이 λ‚˜μ˜€μ§€ μ•ŠμœΌλ‹ˆ μœ μ˜ν•΄μ„œ μ½”λ“œλ₯Ό μž‘μ„±ν•΄μ•Ό ν•  κ²ƒ κ°™λ‹€.

5/27
μ˜€λŠ˜μ€ κ³„μ†ν•΄μ„œ μ΄λ²€νŠΈμ— λŒ€ν•΄ λ°°μ› λ‹€. μ΄λ²€νŠΈ λΆ€λΆ„이 μž˜ μ΄ν•΄κ°€ λ˜μ§€ μ•ŠλŠ”λ° κ³„속 μ§„도λ₯Ό λ‚˜κ°€κ³  ν™ˆνŽ˜μ΄μ§€λ₯Ό κ³„속 κ΅¬ν˜„ν•˜λŠ” μž‘업을 ν•΄μ„œ μ’€μ²˜λŸΌ λ”°λΌκ°€μ§€ λͺ»ν–ˆλ‹€. μ—°μ‚°μžκ°€ μ§€λ‚˜κ°„μ§€κ°€ μ–Έμ  λ° κ³„μ†ν•΄μ„œ κΈ°μ΄ˆλ§Œ λΆ™μž‘κ³  μžˆλŠ” λ‚΄ λͺ¨μŠ΅μ΄ λ‹΅λ‹΅ν•˜κΈ°λ„ ν–ˆλ‹€. μ—­μ‹œλ‚˜ κ°•μ‚¬λ‹˜κ³Ό λ§Œλ“  κ±Έ λ³΄λ©΄ μ΄ν•΄κ°€ λ˜λŠ”λ° λ§‰μƒ νŽ˜μ΄μ§€λ₯Ό λ§Œλ“€λΌκ³  ν•˜λ©΄ λ³΅μ‚¬ λΆ™μ—¬λ„£κΈ°λ§Œ λ°˜λ³΅ν•˜κ³  μžˆμ–΄μ„œ μžμŠ΅ μ‹œκ°„ μ€‘ κ³„속 κΈ°μ΄ˆ κ°•μ˜λ₯Ό μ•Œμ•„보고 μˆ˜κ°•ν–ˆλ‹€.

5/29
μ‚Όμ„±μ „κΈ° μƒλ‹¨ css λ₯Ό λ§Œλ“€μ—ˆλ‹€.