리팩토링을 하는 이유? 시간에 쫒겨 개발을 하다보면 코드품질에 신경을 쓰지 못할 수 있다. 어쩔 수 없는 것이다 하지만 그렇다고 용인되는 것도 아니다. 내가 쓴코드 조차 기억속에서 희미해지는 순간, 그 프로젝트를 리팩토링 하는것이 본인의 코딩 실력향상에 도움이 될 것이라고 멘토님이 충고해주신걸 기억해 리팩토링을 진행하고자한다. Chrome Light House Light house 라는 툴을 이용해 웹사이트를 분석해보면 대략적으로 나마 웹사이트의 품질을 검사해 볼 수 도 있고, 개선해야 할 점을 알 수 있다. 꽤나 유용한 툴이니 이를 이용해서 고쳐 나가야 할 점을 찾아볼 수 있다. 이번 프로젝트를 하면서는 중간중간에 짬짬히 Light house 테스트를 돌려봤는데 이 덕분에 발견한 문제를 고칠 수 있었다..

Optimization, 최적화란? 보통 주어진 조건으로 최대의 효율을 내도록 하는 것을 의미하며, 웹개발에서는 메모리, 서버자원 등의 한정된 리소소를 가지고 최대의 효율(빠른 페이지 로딩)을 내도록 하는 것을 의미한다. 최적화가 중요한이유 UX (사용자 경험)의 측면 페이지 로딩이 느릴경우 사용자의 이탈률이 증가하게된다. 구글의 조사결과 페이지로드에 3초이상이 걸리면 무려 53%의 사용자가 사이트를 이탈한다고한다. 이탈율은 서비스의 수익과도 이어지는데 수익과는 별개로 페이지의 로딩이 느릴 경우, 브랜드에 대한 사용자의 인식, 웹 어플리케이션 사용에 부정적인 영향을 주게된다. 수익증대 웹사이트의 빠른 로딩은 수익증대 까지 이어지는 중요한 지표이다. 웹페이지의 빠른 로딩을 통해 사용자의 이탈률을 줄이고, ..