221201 자바스크립트 강의

이셀·2022년 12월 1일
0

원장님의 자바스크립트 심화 강의를 다 들었다!
하지만 1강부터 다시 들을 생각이므로...ㅠㅜ
이번엔 들어보면서 모르는게 생기면 용어검색을 해서 확실하게 이해하는 방향으로 공부하려고 한다
그리고 오늘은 집중이 영 안된 것같고 이해한 개념이 적은 것같아서 코테를 풀거나 하루 쉬는 방향으로 가려고 한다ㅜㅜ....
다른 대원분이 하나라도 이해가 된 것이 있다면 된거라고는 하셨지만 욕심을 좀 내야지...ㅜㅜㅜ

여하튼 이번에도 공부하다가 궁금해서 찾아본 것들을 함께 적으려고 한다.

1강부터 3강까지 순서 상관없이 섞여서 적을 것같다^ㅡ^b

for() vs forEach() vs map()

셋 모두 반복이 된다는 공통점을 갖고 있고 3강의 map()함수 부분을 듣다보니 정리가 되지 않은 것같아서 정리하게 되었다.
핵심만 정리한다면

for () : 조건식에 부합하면 멈추지 않고 무한 반복. 멈추고 싶다면 break를 사용한다.

forEach() : 반복문 기능을 지닌 배열 메서드로 모두 반복하면 실행을 멈춘다. break를 사용할 수 없으며 for문보다 속도가 빠르다.
콜백함수가 호출되는 방식이다.

map() : 반복문 기능을 갖고 있지만 반환값(return)이 있다는 점에서 forEach 와 다르다.
반복 후 실행을 멈추며 break를 사용할 수 없다.
기존 배열값이 변하는 것이 아닌 새로운 배열을 만든다.

참고 > https://fromnowwon.tistory.com/entry/forEach-map


dom특강을 오늘 해주셨는데 이거다!!! 싶었다.
솔직히 알고리즘보단 이걸 먼저 듣고싶었는데 이제서야 듣는게 조금 아쉽지만... 그래도 해당 강의를 들어서 왜 getElementById나 querySelectorAll를 쓰는지 알았고 앞으로도 자바스크립트를 이용한 프로젝트 때 거침없이 사용할 수 있지 않을까 기대하고 있다ㅎ...
해당 강의는 오늘이 아니라 나중에 복습하면서 다시 정리하려고 한다:)!

대신 오늘은 코테를 풀어보는걸로!!

profile
프론트엔드 개발 과정을 기록 중입니다:)

0개의 댓글