[javascript] - wecode 3일차

DOM

DOM(돔)이란 웹페이지의 HTML을 계층화시켜 트리구조로 만든 객체(Object) 모델이다. js가 html에 접근할 수 있는 이유는 DOM이라는 전역객체 덕분. document 객체는 DOM트리의 root node에 접근하게 해준다.

getElementsByClassName로 요소를 찾으면 여러 요소가 담긴 배열을 반환한다.

math

let num = 1;
let newNum = num++;
console.log(num);
console.log(newNum);

콘솔 찍어보면 num도 1이고 newNum도 1이다. 이유를 알아보장!

let newNum = num++;

에서 newNum 변수에 num 변수가 할당되었다. 그래서 newNum은 이제 1이다. 그후 num++가 실행되어 num이 2가 되었다.

만약 newNum도 2를 만들고자 한다면

let newNum = ++num;

이렇게 ++를 먼저 써야한다.

인자 arugment

meetAt(2022);
// 결과 --> "2022년"

meetAt(2032, 3);
// 결과 --> "2032년 3월"

meetAt(1987, 10, 28);
// 결과 --> "1987/10/28"

요렇게 인자를 여러개 받는 상황에서 인자를 줬을 때 상황에 따라 달리 결과를 해야하는 상황에서 삽질하다가 좋은 것을 찾아냈다.

arguments.length === 1

이렇게 분기를 나누면 각 arg에 맞게 return 값을 설정할 수 있다.

arguments란?

js는 함수를 호출할 때 암묵적으로 arguments 객체가 함수 내부로 전달된다. arguments 객체는 함수를 호출할 때 넘긴 인자들이 배열 형태로 저장된 것을 말한다. 유사 배열 객체!

배열

문제

배열에 있는 원소 중 가장 작은 수를 리턴하기

일단 방법으로 정렬, sort가 있다. 정렬 알고리즘은 (당연히) 직접하지 못하기 때문에 찾아야 하고 sort는 내장 메서드니까 너무 간단! 직접하고 싶은 욕심에 고민을 해보는 중이다. 지금은 저녁 시간. 배고픔을 잊고 문제를 해결한다..

1차 시도
temp 배열 만들어서 temp에 하나 추가 되면 arr[i+1]이랑 비교해서 작은 것만 계속 남기고 싶은데 어렵다..

->> 그냥 sort 했다. 배열 정렬 다시 공부하고 도전.

출처: 위코드 문제

https://boycoding.tistory.com/21