Daily/Today I Learned

22.05.02_TIL

ν˜Έλ°€μ΄ 2022. 5. 2. 08:58

πŸ“Œ 5월에 처음 κ³΅λΆ€ν•˜λŠ” 평일이닀. μ˜€λŠ˜μ€ 10λΆ„ 더 μžκ³ μ‹Άλ‹€κ³  μƒκ°ν•΄μ„œ 자고 μΌμ–΄λ‚˜λ‹ˆ κ°œμš΄ν•œ 마음으둜 μ‹œμž‘ν•œ 것 κ°™λ‹€.

 

 

πŸ“— 였늘 ν•™μŠ΅ν•œ λ‚΄μš©

CSS

  • HTMlλ¬Έμ„œ λ‚΄ CSS style 적용 방법
  • CSS Selector
  • CSS 속성

Python μ•Œκ³ λ¦¬μ¦˜ 풀이

  • [Baekjoon]였큰수
  • [Baekjoon]μ˜€λ“±ν°μˆ˜

 

HTML둜 λΌˆλŒ€λ₯Ό κ΅¬μ„±ν•œ ν›„ μ‚¬μš©μžκ°€ 보기 νŽΈν•˜λ„λ‘ UI, UXλ₯Ό λ””μžμΈ ν•΄μ£ΌλŠ” CSS에 λŒ€ν•΄μ„œ ν•™μŠ΅ν–ˆλ‹€.

μš”μ†Œλ₯Ό μ„ νƒν•˜λŠ” λ°©λ²•μ—λŠ” λ§Žμ€ 것이 있고, ν—·κ°ˆλ¦΄ 수 μžˆλŠ” 것듀이 μ‘΄μž¬ν•˜λŠ”λ° μ£Όμ˜ν•΄μ„œ μ‚¬μš©ν•΄μ•Ό ν•  것이닀.

 

 

 

πŸ“˜ μΆ”κ°€λ‘œ 곡뢀할 λ‚΄μš©

μ™€μ΄μ–΄ν”„λ ˆμž„(wireframe)

  • μ™€μ΄μ–΄ν”„λ ˆμž„μ— μ‚¬μš©ν•˜λŠ” νˆ΄μ— λŒ€ν•΄ μ•Œμ•„λ³Έλ‹€.

λͺ©μ—…(Mock-Up)

 

Flexbox

 

 

내일 계산기 λͺ©μ—… λ§Œλ“€κΈ°λ₯Ό νŽ˜μ–΄μ™€ μ§„ν–‰ν•˜κ²Œ λ˜λŠ”λ° μ΄λ•Œ, 도움이 될 수 μžˆλ„λ‘ μ˜€λŠ˜ν•œ CSS 뢀뢄을 λ³΅μŠ΅ν•œ λ’€ 쑰금 λͺ©μ—…κ³Ό 와이어 ν”„λ ˆμž„ Flexbox에 λŒ€ν•΄ λ”°λ‘œ 곡뢀λ₯Ό ν•˜λŠ” μ‹œκ°„μ„ 갖도둝 ν•œλ‹€.

 

 

 

πŸ“ 였늘 λŠλ‚€μ  & 마음 가짐

  • CSS μ„ νƒμžλ₯Ό μ‚¬μš©ν•  λ•Œ #(id μ„ νƒμž)와 .(class μ„ νƒμž) 이 λ‘κ°œκ°€ κ°€μž₯ ν—·κ°ˆλ Έλ‹€. μ£Όμ˜ν•˜λ„λ‘ ν•˜μž!!
  • 내일은 정말 ν•˜λ“œ 코딩을 톡해 κ΅¬ν˜„μ„ ν•˜λŠ” μ‹œκ°„μ„ κ°€μ§€κ²Œ λœλ‹€. 이λ₯Ό λŒ€λΉ„ν•˜λ„λ‘ ν•˜μž!!

 

'Daily > Today I Learned' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€

22.05.04_TIL  (0) 2022.05.04
22.05.03_TIL  (0) 2022.05.03
22.05.01_TIL(일주일간 회고)  (0) 2022.05.01
22.04.30_TIL  (0) 2022.04.30
22.04.29_TIL  (0) 2022.04.29