D+9(Refactoring)

Code Refactoring

코드의 가독성과 확장성을 좋게 만드는 작업을 의미
구체적으로는 소프트웨어의 겉보기 동작은 그대로 유지한 채, 코드를 이해하고 수정하기 쉽도록, 내부 구조를 변경하는 기법

그렇다면 좋은 코드란 ..?

1.Basic

• console.log 는 지워주세요
• 변수명은 직관적으로
• 들여쓰기도 중요해요
• Semantic Tag를 사용해서 가독성 up
• img 에는 alt 속성

  <img alt="Google Logo" src="/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" />

• Self Closing Tag 적극활용

  <br />
  <hr />
  <img />
  <meta />
  <link />
  <input />

2.css

• 레이아웃에 영향을 많이 주는 순서대로 , 인접 속성끼리 묶어서
  • Layout Properties (position, float, clear, display)
  • Box Model Properties (width, height, margin, padding)
  • Visual Properties (color, background, border, box-shadow)
  • Typography Properties (font-size, font-family, text-align, text-transform)
  • Misc Properties (cursor, overflow, z-index)
• 레이아웃은 bottom-up 방식으로 구성

• 참고자료 https://www.w3schools.com/cssref/css_default_values.asp