Frontend 성능 개선2 [코드 최적화하기] 불필요한 계산 피하기 1. 반복문 내에서 불필요한 연산 제거 한번만 계산되도 되는 값이 반복문 안에 들어가 계속해서 불필요하게 계산되면 성능저하를 일으킨다. 예) 아래의 코드에서는 arr.length 는 한번만 계산해도 되지만 반복문안에 들어가 계속해서 계산이 된다. for (let i = 0; i < arr.length; i++) { const value = arr[i] * 2 + 1; console.log(value); } 아래와 같이 고치면 arr.length는 한번만 계산되고 꼭 필요한 계산만 반복문에서 계산이 된다. const arrLength = arr.length; // 불필요한 계산을 미리 수행 for (let i = 0; i < arrLength; i++) { const value = arr[i] * 2 + .. 2023. 3. 23. [코드 최적화하기] 불필요한 코드 제거 1. 주석처리해둔 코드나 console.log() 삭제 사실 실행시간이나 메모리같은 프로그램 성능측면에서 이 이유로 인한 성능 저하는 아~주 미미함😅 하지만!! 이런 불필요한 코드가 많아지면 개발이 모두 끝난후에 배포를 했을때, 코드 다운로드 시간이나 파일크기가 커져 로딩속도가 느려질 수 있다. ✅ 적어도 배포전에는 불필요한 주석처리나 로깅코드 삭제하기! 2. 조건문 안에서 항상 참 또는 거짓으로 평가되는 코드 삭제 항상 참이 되는 코드라면 굳이 조건문을 써줄 필요가 ❌ 예) 아래의 코드에서는 항상 if 조건문이 참이기 때문에 불필요하게 else 구문은 실행되지 않는다 if (true) { // 실행될 코드 } else { // 실행되지 않을 코드 } ✅ 항상 참이 되는 코드라면 굳이 조건문을 써줄 필요.. 2023. 3. 23. 이전 1 다음