🟣 오늘의 문제 회고

🤔 오늘의 학습!

---

첫 번째 문제.

매개변수로 정수가 담긴 배열이 전달 되며, 배열 안에 짝수, 홀수가 몇 개 있는지 판별 해내는 코드를 작성하는 것이 문제였다.

가장 먼저 어떻게 출력 배열의 첫번 째 인덱스에는 짝수 값을 넣고, 두번 째 인덱스에는 홀수 값을 넣을지가 고민이었다.

 1. 짝수, 홀수를 나눠줄 even, odd의 빈 배열을 만들고
 2. 짝수는 짝수대로 even에 push 하고, 홀수는 홀수대로 odd에 push 했다.
 3. 그렇게 출력은 even = [2,4], odd[1,3,5]로 나뉘어 배열에 담는 것 까진 성공
 4. concat 메소드를 이용하여 둘을 합치니 두 개의 배열 그대로 합쳐져 반환되었고
 5. 각각의 길이만 필요함을 인지하고 .length를 붙여 result를 완성했다.

• 문제 해결 후 다른 사람들의 풀이를 참고하면 많은 공부를 할 수있는 것 같다.

다른 사람의 풀이를 보고 가장 크게 깨달았던 점은 아직까지 자바스크립트 특성의 이해도가 부족했던 것 같았다.

자바스크립트는 특성 상 원시 타입과 객체 타입으로 데이터 구조가 나뉘며
원시 타입으로는 "문자(string), 숫자(number), bigint, 불린(boolean), 심볼(symbol), null, undefined형으로 총 일곱가지이며",
"원시 타입을 제외 한 모든 데이터 구조는 객체 타입으로 { key : value } 형태의 구조를 갖고있다."

더해, 원시 타입의 데이터 값도 객체 처럼 사용할 수 있는데 "이를 원시값이 메서드나 프로퍼티에 접근하려 하면 추가 기능을 제공해주는 특수한 객체, '원시 래퍼 객체(object wrapper)'를 만들어 줍니다. 이 객체는 곧 삭제됩니다." - 원시 값과 객체 -

위 문제에서 해결한 "배열" 역시 객체의 한 데이터 구조로 내가 이해한 배열의 형태는 {[index]: value} 형태의 객체 구조를 가지고 있지 않나 생각한다.

나의 문제 해결 오류는 빈 배열에 새로운 배열객체를 생성하려 했다는 것. 기존의 배열이 가진 value에 값을 재할당 할 생각을 못 했던 것이었다!

다른 사람들의 해결 법에는 "let answer = [0, 0]"으로 지정 해놓고 해당 key를 가진 인덱스를 불러와 value에 값을 재할당 하거나 카운트를 올리는 방법을 사용했던 것이 아니었을까.

지금 문제에서 깨달은 점은

• 배열은 객체 타입의 구조를 가진다. 함수 역시 객체 구조를 가짐.
• 그거와 별개로 for 반복문에 if 조건문 사용에 return이 있고 없고의 차이가 궁금했는데, if 조건의 결과로 return을 붙이게 되면 해당 조건의 참이 되는 부분을 반환하고 더이상 반복하지 않았다!
• return === break 와 같다. 조건이 참이 되는 순간 값을 return 했으면 충족된 다음 조건들은 사라진다.

---

두 번째 문제.

매개변수로 정수가 담긴 배열이 전달 되며, 배열의 두 원소 중에서 곱한 값의 최대 값을 return 하는 문제였다.

우테코 프리코스에서 풀었던 문제가 기억나, 기억나는 함수를 적용하여 문제를 풀었는데
반복문 조건 적용 단계에서 원소 외의 적용되는 index가 생겨 NaN이 포함된 배열을 반환하는 것이었다. 
문제가 무얼까 고민하다 i의 초기 값을 1로 설정한 뒤 배열의 포인터를 설정하여 앞, 뒤의 원소를 곱해내는 배열을 구현 완료했다.

• 해결 후 참고한 다른 사람의 풀이!

참고 후 깨닫게 된 점은 배열을 차순으로 정렬하여 새로운 배열을 반환하는 sort() 메소드를 알게 됐다.
그러나 메소드를 찾아본 결과는 어떻게 원리가 이뤄지는 지 이해가 부족했다.

sort() 메소드의 원리는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다.
기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다.

sort() 메소드 내부 적으로 적용되는 원리는 "arr.sort([compareFunction])" 이러하며 괄호 안에 비교 가능한 인자 값이 전달 되어야 차순으로 숫자를 정렬할 수 있다.

MDN의 공식문서에 따르면,, -Array.prototype.sort()-

 인자로 전달되는 a와 b가 비교되는 두 요소라면,
 
  * compareFunction(a, b)이 0보다 작은 경우 a를 b보다 낮은 색인으로 정렬합니다. 즉, a가 먼저옵니다. a-b < 0  => a,b
  * compareFunction(a, b)이 0을 반환하면 a와 b를 서로에 대해 변경하지 않고 모든 다른 요소에 대해 정렬합니다. a-b = 0 => a,b
  * compareFunction(a, b)이 0보다 큰 경우, b를 a보다 낮은 인덱스로 소트합니다.
  a-b > 0 => b,a

쉽게 말해,,

1. 비교함수의 반환값이 0보다 작은 경우 a가 먼저 위치
2. 비교함수의 반환값이 0보다 큰 경우 b가 먼저 위치
3. 비교함수의 반환값이 0일 경우 위치를 변경하지 않습니다.

sort() 메소드를 이해하기 위해 찾아본 사이트 중 가장 이해하기 쉽게 설명 해준 사이트가 있어서 출처를 남깁니다! -Array.prototype.sort()가 동작하는 방식-

---

😚 메모하는 습관을 기르자!

목표치 만큼의 문제를 풀지 못 하더라도 문제를 푼 것에서 깨달은 것이 있거나 고민한 것 중에서 적용 해보고 알게된 것 등 연구하여 알게 된 것들을 메모하는 습관을 기르자!

기록하지 못 하면 영원히 잊혀지게 되는 것!