TIL | 08

[본캠프 8일차]

 

25.01.03 Today I Learned💡

1. JavaScript 문법 종합반 2주차

---

 

프로그래머스에서 원하는 것

 

JavaScript 문법 종합반 2주차 과제를 풀며 1주차 과제를 참고했다.

 

🧐의문점

프로그래머스에 문제 당 입출력 예를 대입해보며 함수를 체크하는 과정에서 console.log 와 solution의 위치가 헷갈렸다.

 

 

📍예시

1주차 과제 풀이 정답👇🏻

 

를 보면 함수 외부에 var로 지정한 예시 값 & console.log로 감싼 solution을 확인할 수 있다. 값을 찍어보면 정상 출력 된다.

 

 

2주차 과제 풀이 정답👇🏻

 

를 보면 주석 처리 된 '정답 확인용(1)' 두 줄이 함수 내 외로 있는 것을 확인 할 수 있다.

함수 내에 있는 console.log는 풀이하며 변화하는 값을 살펴보기 위해 위치를 요리조리 바꿔서 사용했다.

값을 확인하기 위해서는 변수를 대입한 함수와 console.log가 필요한 건 알았지만 위치에 따라 값이 달라지는지 궁금해졌다.

 

 

시도 1.

1주차에서처럼 함수 외부에 내용을 추가했더니 값이 두 줄이 나왔다. 이에 대한 부분은 금방 알 수 있었다.
바로 console.log가 함수 내 외로 두 개가 있기 때문!

 

 

시도 2.

2주차에서처럼 '정답 확인용(1)' 두 줄로 나누어서 출력했더니 배열 두 개가 나왔다. 원래 답은 9인데!

이 부분을 튜터님께 질문했더니

값이 for문을 거쳐서 계산되어야 하는데, 단지 solution의 값을 console.log에 입력한 값만이 나왔다.

고 설명해주셨다.

 

💡깨달은 점

console.log를 함수 내부에 찍는 건 중간 값을 체크해보는 용도로 사용하고,
함수를 완성한 후 모든 계산식을 거쳐 값을 내려면 함수 외부에 변수와 console.log를 적용시키는 편이 좋을 듯 하다.

따라서 2주차의 결과 확인용(2)처럼 지정하는 것도 좋은 방법인 듯 하다!

또한 프로그래머스에서 원하는 것은 아주 많은 변수를 대입했을 때도 정상 작동되는 함수 자체를 답으로 원하는 것이다.
따라서 답을 제출할 때 console.log를 지우는 이유가 될 수 있다.

 

콜백 함수도 함수다.

 

2주차를 모두 마치고 그 어렵다는.. 3주차를 들었다.
중후반까지는 여차저차 이해를 했으나!!
후반부 "This" 에서는 완전히 정신을 놓아버렸다.. ㅋㅋㅋㅋ
튜터님께 여쭤보니 자세히 설명해주셔서 얼추 이해는 됐으나 사실 this는 지금 당장 급한 게 아니라고...
이후에 더 중요한 것이 나온다며 '이런 게 있구나~' 하고 지나가라고 하셨다.
그래서 더 이상 집요하게 파지 않고 술술 훑어 들었다.

 

하지만 기억나는 건!
실행 컨텍스트란 실행할 로드에 제공할 환경 정보이며 3개가 있고,
VE, LE, This Binding 이라는 것...

 

그리고 콜백 함수도 함수라는 것.. ㅋㅋㅋㅋ

 

+) 콜백 함수도 함수이기 때문에 함수로서의 호출로 인식이 되어서 this binding 시 글로벌(node.js)로 한다. 즉, 전역 객체를 바라본다.

 

이 말을 좀 더 깊이 이해하는 때가 오길 ~