Jun 03 λͺ© WECODE DAY 11

κΉ€μ§€ν˜„Β·2021λ…„ 6μ›” 3일
5

TIL

λͺ©λ‘ 보기
3/4
post-thumbnail

ν•˜λ£¨ μ‹œμž‘: 09:30 am

μ§‘μ—μ„œ κ³΅λΆ€ν•˜λ©΄ 쒋은 점 ν•˜λ‚˜. 9μ‹œ λ°˜κΉŒμ§€ 잘 수 μžˆλ‹€λŠ” 점? 😌

μ„Έμ…˜ 전에 ν›„λ‹€λ‹₯ μΌμ–΄λ‚˜μ„œ μ–‘μΉ˜μ§ˆμ΄λž‘ μ„Έμˆ˜ν•˜κ³  λ°”λ‘œ λ…ΈνŠΈλΆμ„ 켜고 μ•‰μ•˜λ‹€.
였늘 Wrap-up μ‹œκ°„μ—λŠ” 크게 μƒˆλ‘œμš΄ λ‚΄μš©μ„ λ°°μš°μ§€λŠ” μ•Šμ•˜κ³ , μ–΄μ œμ™€ 그제 배운 λ‚΄μš©λ“€μ„ μ •λ¦¬ν•˜λŠ” λŠλ‚Œμ΄μ—ˆλ‹€. μƒˆλ‘­κ²Œ 컀밋을 생성해 ν‘Έμ‰¬ν•˜λŠ” 것! 그것이 였늘 μš°λ¦¬λ“€μ—κ²Œ 주어진 κ³Όμ œμ˜€λ‹€.

그리고 μ˜€λŠ˜μ€ πŸ”₯ λΆˆμ½”λ”© 데이라 μ˜€ν›„ μ„Έμ…˜μ΄ μ—†μ—ˆλ‹€. κ·Έ 만큼, μ˜¨μ „νžˆ λ‚˜μ—κ²Œ 주어진 κ³Όμ œμ— 집쀑 ν•΄μ•Ό ν•˜λŠ” μ‹œκ°„.

μ˜€λŠ˜μ€ λΉ„κ°€ μ—„μ²­ μŸμ•„μ§€λŠ” ν•˜λ£¨μ˜€λ‹€. κ·Έλž˜μ„œ 그런 κ°€, λͺΈλ„ μΆ•μΆ• μ³μ§€λŠ”..

μ˜€μ „ (10:00am - 12:00pm)

  • μž₯ν˜„λ‹˜, 동기듀과 각자의 PR에 리뷰λ₯Ό λ‚¨κ²¨λ³΄λŠ” μ—°μŠ΅μ„ ν–ˆλ‹€. λ―Έλž˜μ— μžˆμ„ νŒ€ ν”„λ‘œμ νŠΈλ₯Ό λŒ€λΉ„ν•œ, μ„œλ‘œμ—κ²Œ 리뷰 λŒ“κΈ€ 달아주기! μŠ¬λž™μ—μ„œμ²˜λŸΌ 이λͺ¨μ§€ λ‚ λ¦¬λŠ” 것도 되고.. μ°Έ μ‹ κΈ°ν•˜κ³  멋진 κΉƒ ν—ˆλΈŒλ‹€. μ§€κΈˆμ€ 우리 λͺ¨λ‘κ°€ κΉƒ ν—ˆλΈŒ λ³‘μ•„λ¦¬μ§€λ§Œ λ‚˜μ€‘μ—” λͺ¨λ‘ κΉƒ ν—ˆλΈŒ κ³ μˆ˜κ°€ λ˜μ–΄μžˆκ² μ§€..? 😌

양심 κ³ λ°±ν•œλ‹€. 였늘 λ„ˆλ¬΄ λͺΈμ΄ 쳐지고 ν”Όκ³€ν•΄μ„œ 정신을 λͺ» μ°¨λ Έλ‹€. κ·Έλž˜μ„œ μ˜€μ „ μ‹œκ°„μ€ μ„Έμ…˜ 이후 ν•œ 게 λ”±νžˆ μ—†λ‹€.. πŸ₯²

PR ν›„ 받은 μˆ˜μ • μš”μ²­ 사항듀을 꼼꼼히 읽어보고, μ–΄λ–€ μ‹μœΌλ‘œ κ³ μ³λ‚˜κ°€μ•Ό ν•  지 λ¨Έλ¦Ώ μ†μœΌλ‘œ 틀은 μž‘μ€ ν›„.. 그리고 기얡이 μ—†λ‹€. λ°˜μ„±ν•˜μž

점심 (12:00-13:00)

점심 κ±΄λ„ˆ λ›°μ—ˆλ‹€.. πŸ₯²

μ˜€ν›„ (13:00pm - 17:00pm)

λ‚΄ λ§˜λŒ€λ‘œ κ΅¬ν˜„λ˜μ§€ μ•ŠλŠ” μžλ°”μŠ€ν¬λ¦½νŠΈ λ•Œλ¬Έμ— 이 λ§ŒνΌμ΄λ‚˜ μ‹œκ°„μ„ λ³΄λƒˆλ‹€.
λ„λŒ€μ²΄ 토글이 뭐길래!! λ‚  μ΄λ ‡κ²Œ 괴둭힌 건가..

μ™„μ„±ν•˜κ³  λ³΄λ‹ˆ 어이 없을 μ •λ„λ‘œ κ°„λ‹¨ν•˜κ³  짧은 μ½”λ“œμ˜€λ‹€.

ν—ˆλ¬΄ν•˜κΈ° 짝이 μ—†μ—ˆλ‹€. 단 λͺ‡ μ€„μ˜ μ½”λ“œλ₯Ό 이 λ§ŒνΌμ΄λ‚˜ κ³ λ―Όν–ˆλ‹€λ‹ˆ.. λ¬Όλ‘  끝마치고 λ‚˜λ‹ˆ ν–‰λ³΅ν–ˆμ§€λ§Œ ν—ˆλ¬΄ν•œ 마음이 λͺ°λ € μ™”λ‹€.

μ–΄μ°Œ λ˜μ—ˆκ±΄ 이만큼 κ³ λ―Όν•˜κ³ , μ—΄μ‹¬νžˆ ν•œ 만큼 λ¨Έλ¦Ώ μ†μ—λŠ” μ•„μ£Ό 였래 남을 것 κ°™λ‹€. μ—΄μ‹¬νžˆ ꡬ글링 ν•΄κ°€λ©°, μœ νŠœλΈŒλ„ μ°Ύμ•„κ°€λ©°, 쑰언도 ꡬ해가며 겨우 μ™„μ„±ν•œ λ‚΄ μžλ°”μŠ€ν¬λ¦½νŠΈ μ½”λ“œ πŸ˜‚ μ†Œμ€‘ν•˜λ‹€ μ†Œμ€‘ν•΄

μ˜€ν›„ (17:00pm - 19:00pm)

πŸ“š μž₯ν˜„λ‹˜μ΄ 꼼꼼히 달아주신 μˆ˜μ • μš”μ²­ 사항듀을 λ‹€μ‹œ ν•œ 번 읽어보고, ν•˜λ‚˜ ν•˜λ‚˜ μˆ˜μ •ν•΄λ‚˜κ°”λ‹€. λ‹€μ‹œ λ³΄λ‹ˆ 또 μƒ‰λ‹¬λžλ‹€. μ’€ 더 μ²΄κ³„μ μœΌλ‘œ, Convention에 맞게 μ μ ˆν•œ μ½”λ“œλ₯Ό μ μ ˆν•œ μˆœμ„œλ‘œ μž‘μ„±ν•΄μ•Όκ² λ‹€λŠ” 생각이 λ‹€μ‹œκΈˆ λ“€μ—ˆλ‹€.

특히 CSS Convention! μ€‘μš”ν•˜λ‹€.

1️⃣ Layout Properties (position, float, clear, display)
2️⃣ Box Model Properties (width, height, margin, padding)
3️⃣ Visual Properties (color, back-ground, border, box-shadow)
4️⃣ Typography Properties (font-size, font-family, text-align, text-transform)
5️⃣ Misc property Properties (cursor, overflow, z-index)

μœ„ 순으둜 μž‘μ„±ν•˜μž. μž‘μ„±ν•˜λ©΄μ„œ κ³ μΉ˜λŠ” 것이 μ•„λ‹ˆλΌ, 'μ²˜μŒλΆ€ν„°' μ΄λ ‡κ²Œ μž‘μ„±ν•˜μž! (λΌλŠ” μž₯ν˜„λ‹˜μ˜ μ½”λ©˜νŠΈκ°€ 인상 κΉŠμ—ˆλ‹€..) ν˜Ήμ‹œ λͺ¨λ₯΄κ² μœΌλ©΄ referenceλ‚˜ convention을 κ²€μƒ‰ν•˜λ©΄μ„œ μ•Œ λ§žλŠ” κ·œμ•½μ„ μ§€μΌœκ°€λ©° μ½”λ“œλ₯Ό μž‘μ„±ν•˜μž! πŸ’ͺ

βœ”οΈ μˆ˜μ •μ„ ν•΄κ°€λ©΄μ„œ λ°°μš°λŠ” 것이 정말 λ§Žμ•˜λ‹€. μ—­μ‹œ 코딩은 μ‚½μ§ˆν•˜λ©΄μ„œ λ°°μš°λŠ” 것.. μ‹œν–‰ 착였 μ—†λŠ” λ°œμ „μ€ μ—†λŠ” 것 κ°™λ‹€. ν‹€λ¦¬λŠ” 것, 지적 λ°›λŠ” 것을 λ‘λ €μ›Œ 말고 ν™•μ‹€ν•œ λ‚΄ κ²ƒμœΌλ‘œ λ§Œλ“€λ„λ‘ λ…Έλ ₯ν•˜μž.

저녁 이후 (19:00pm ~ ing)

πŸ“š μ—¬μ „νžˆ 리뷰 μˆ˜μ • 사항 진행 쀑이닀.

μˆ˜μ • μš”μ²­μ„ 받은 λΆ€λΆ„ 쀑, μžλ°”μŠ€ν¬λ¦½νŠΈ λΆ€λΆ„μ—μ„œ λ§‰ν˜”λ‹€.
μ–΄λ–»κ²Œ κ΅¬ν˜„ν•΄μ•Ό ν•  지, 계속 κ³ λ―Ό 쀑에 μžˆλ‹€.

λΆ„λͺ… λ¨Έλ¦Ώ μ†μœΌλ‘œ 그렀놓은 그림이 μžˆλŠ”λ°, κ·Έλž˜μ„œ μž‘μ„±λ„ ν•΄λ΄€λŠ”λ°.. 적용이 μ•ˆ λœλ‹€.
일단은 1차원적인 λ°©λ²•μœΌλ‘œ λ§Œλ“€μ–΄ 놓고, ν•˜λ‚˜ ν•˜λ‚˜ μˆ˜μ •ν•΄κ°€κ³  μžˆλ‹€.

'JS νŒŒμΌμ— μŠ€νƒ€μΌ 주지 μ•ŠκΈ°'λ₯Ό μœ λ…ν•˜κ³  μˆ˜μ • 쀑인데, μ–΄λ ΅λ‹€ πŸ˜‚
μœ μ§€λ³΄μˆ˜κ°€ μ‰¬μš°λ©° 가독성이 쒋은 μ½”λ“œ λ§Œλ“€κΈ°κ°€ μ€‘μš”ν•˜λ‹€! 라고 μ—¬λŸ¬ 번 λ§ˆμŒμ— μƒˆκ²ΌλŠ”λ° κ·Έκ±Έ λ³΄λž€λ“―μ΄ μ–΄κΈ°λ©΄μ„œ μ½”λ“œλ₯Ό μž‘μ„±ν•˜λŠ” λ‚˜λ₯Ό λ°œκ²¬ν–ˆλ‹€..

μ—¬λŸ¬ λͺ¨λ‘œ λ§Žμ€ 생각이 λ“œλŠ” μˆœκ°„μ΄μ—ˆλ‹€.

πŸ“š μ§€κΈˆκΉŒμ§€ μ§„ν–‰ν•΄μ˜¨ 사항듀을 push μ™„λ£Œν–ˆλ‹€. 컀밋이 ν•˜λ‚˜ ν•˜λ‚˜ μŒ“μ—¬κ°€λŠ” 것을 λ³΄λ©΄μ„œ λΏŒλ“―ν•œ λ§ˆμŒλ„ λ“€κ³ , μ‹ κΈ°ν•˜λ‹€. μ•žμœΌλ‘œλ„ 계속 차곑 차곑 μŒ“μ•„λ‚˜κ°€μ•Όμ§€! μ–΅λ§Œμž₯μžκ°€ 될 수 μ—†λ‹€λ©΄ μ»€λ°‹λΆ€μžλΌλ„ λ˜μ–΄μ•Ό κ² λ‹€.


✨ 생각정리

쒋은 μ½”λ“œλ₯Ό μž‘μ„±ν•˜κ³  μ‹Άλ‹€. λ¬Όλ‘  μ§€κΈˆ λ‹¨κ³„μ—μ„œλŠ” νž˜λ“  λΆ€λΆ„μ΄λΌλŠ” κ±Έ μ•ˆλ‹€.
κ·Έλž˜μ„œ 더 많이 배우고, 더 많이 κ³΅λΆ€ν•˜κ³ , μ‚½μ§ˆλ„ 해보고 λ§Žμ€ μ‹œν–‰ 착였λ₯Ό κ²ͺ어보고 μ‹Άλ‹€. 100% 쒋은 μ½”λ“œλž€ μ—†λ‹€. ν•˜μ§€λ§Œ 적어도, λ‹€λ₯Έ μ‚¬λžŒμ΄ 봀을 λ•Œ κΈ°λΆ„ 쒋은 (읽기 쒋은) μ½”λ“œμ˜€μœΌλ©΄ μ’‹κ² λ‹€.

μš”μ¦˜ λŠλΌλŠ” λ°”λ‘œλŠ”, ν•œ μ€„μ˜ μ½”λ“œλ₯Ό μž‘μ„±ν•˜λŠ” 데 정말 λ§Žμ€ μ‹œκ°„κ³Ό 생각이 ν•„μš”ν•˜λ‹€λŠ” 것이닀. 가독성, μœ μ§€ 보수, νš¨μœ¨μ„± 등을 아무 것도 κ³ λ €ν•˜μ§€ μ•ŠλŠ”λ‹€λ©΄ μ½”λ“œ μž‘μ„± μžμ²΄λŠ” 쉽닀. ν•˜μ§€λ§Œ 이 λͺ¨λ“  것을 κ³ λ €ν•˜κ³ μž ν•œλ‹€λ©΄ κ·Έλ•ŒλΆ€ν„°λŠ” μ–΄λ €μ›Œμ§„λ‹€.

λ³€μˆ˜λͺ…을 짓기 μœ„ν•΄ λͺ‡ μ‹œκ°„μ„ λ§λΆ€μ„μ²˜λŸΌ 고민만 ν•˜λŠ” 개발자의 지이 μ—„μ²­ 유λͺ…ν•˜λ˜λ°, μ˜ˆμ „μ—” μ΄ν•΄ν•˜μ§€ λͺ»ν–ˆλ‹€. ν•˜μ§€λ§Œ μ§€κΈˆμ€ 이해가 κ°„λ‹€.. λ³€μˆ˜λͺ…, ν•¨μˆ˜λͺ…, 클래슀λͺ… 등을 지을 λ•Œ 정말 κ³ λ―Όν•˜κ²Œ λœλ‹€. μˆ˜μ • μš”μ²­ μ‚¬ν•­μ—μ„œλ„ 이 뢀뢄에 λŒ€ν•œ 언급이 μžˆμ—ˆλ‹€. μ–΄λ–»κ²Œ ν•˜λ©΄ 더 쒋은 이름을 지을 수 μžˆμ„ 지에 λŒ€ν•΄μ„œλŠ” 계속 κ³ λ―Ό 해봐야겠닀.

ν”Όκ³€ν•œ ν•˜λ£¨μ˜€λ‹€! 날씨, μ»¨λ””μ…˜ λ•Œλ¬Έμ—..
주말에 μž μ„ μ’€ λ³΄μΆ©ν•΄μ€˜μ•Όκ² λ‹€ πŸ’€

profile
λ‚˜λ§Œμ˜ 세상을 κ°œμ²™ν•˜κ³  싢은 μ‚¬λžŒ

4개의 λŒ“κΈ€

comment-user-thumbnail
2021λ…„ 6μ›” 3일

μ§€ν˜„λ‹˜ μ»¨λ””μ…˜μ΄ μ•ˆμ’‹μ€λ°λ„ μ΄λ ‡κ²Œ TIL도 μ“°μ‹œκ΅¬ ν•˜λ£¨λ₯Ό μ•Œμ°¨κ²Œ 보내신 것 κ°™μ•„μš”! μ œκ°€ λ‹€ λΏŒλ“―ν•©λ‹ˆλ‹€ ν™”μ΄νŒ…πŸ’–πŸ’–

1개의 λ‹΅κΈ€
comment-user-thumbnail
2021λ…„ 6μ›” 17일

μ§€ν˜„λ‹˜ 정말 μ €λŠ” μ§€ν˜„λ‹˜μ„ μ‚¬λž‘ν•΄μš”

1개의 λ‹΅κΈ€