TIL ( 1일차 2022-05-17 )

계속 하루 마무리로 TIL을 적으려 했으나 까먹었다..( 나란 놈.. )

앞으로 중간중간이라도 기록하는 습관을 들여야겠다.

오늘은 기술 매니저님과 대화를 통해 공부했던 효율성(?)에 대해 간단히 정리하겠다.

1. if와 return의 사용

막연하게 왜 if, else를 무분별하게 사용하면 안되는지에 대해 고민해본 적이 거의 없었다.

function updateUser( userinfo ){
	if( userInfo.lists > 10 ){
      // 무언가 처리
    }
}

이런 식의 코드에서 if문 안에 무언가 처리하는 로직을 넣게 되면 시간이 오래 걸린다. 따라서 참이 아닌 조건을 먼저 내새워 빨리 함수를 벗어날 수 있도록 하는 것이 효율적이다.
( 잘 쓸 수 있도록 노력하는 개발자가 되어야지.. )

function updateUser( userinfo ){
	if( userInfo.lists > 10 ){
      // 무언가 처리
    }
}
// 이런 코드보다는
function updateUser( userinfo ){
	if( userInfo.lists <= 10 ){
      // 빠르게 함수를 종료할 수 있도록 한다.
      return;
    }
}

2. for VS reduce

JavaScript는 참 다양한 loop문이 있다. ( C는 while, for, do~while )
HTML의 입장에서는 다중 loop는 당연히 싫어할 것이다. ( 그만큼 로딩 속도가 느려지니까!, 그래도 필요하면 써야지.. )

그런데 누적된 값을 구하기 위해서는 for과 reduce 중 무엇이 나을까?

음 포스팅을 보았지만, 아직 초보 개발자로서 적재적소에 맞게 잘 쓸 수 있는 것이 가장 중요하다고 생각했다.

아래는 for, forEach, map, reduce의 성능을 비교해둔 블로그다.
https://daesuni.github.io/Loop-performance/

( 세상엔 참 똑똑한 분들이 많다.... )