?? - null 병합 연산자 ||와 달리 falsy가 아닌 null 또는 undefined만 대체한다. ||보다 엄격하다고 볼 수 있다. **쉽게 말해 null과 undefined과 걸러낼때 사용한다. a ?? b의 평가 결과는 다음과 같다. a가 null도 아니고 undefined도 아니면 a 그 외의 경우는 b '??'와 '||'의 차이 ||는 첫 번째 truthy 값을 반환한다. ??는 첫 번째 정의된(defined) 값을 반환한다. null과 undefined, 숫자 0을 구분 지어 다뤄야 할 때 이 차이점은 매우 중요한 역할을 한다. 이제 ??와 ||을 비교해보자. height || 100은 height에 0을 할당했지만 0을 falsy 한 값으로 취급했기 때문에 null이나 undefined를 할당한 것과 동일하게

쉼표 연산자 사실 쉼표 연산자는 MDN에 나와있는 것처럼 한 줄로 정리된다. > _**쉼표 연산자는 각각의 피연산자를 왼쪽에서 오른쪽 순서로 평가하고, 마지막 연산자의 값을 반환한다. 다음 예제를 보면 확실하게 이해할 수 있다. 정말 자주 쓰는 map() 이나 reduce() 고차함수에서도 요긴하게 쓰일 수 있다. 결론 이처럼 간단한 실행 코드를 콤마 연산자로 표현하면 코드 줄 수를 확실히 줄인다는 장점이 있다. 콤마연산자는 코드를 한줄로 간단히 줄일수는 있지만, 가독성에서는 그리 좋지 못한 문법이다. 그래도 이런 스타일의 자바스크립트 코딩을 하는 사람들이 꽤 되기에, 권장되지는 않지만 코드를 읽으려면 일단 배워두는 것이 좋다. > 참고자료 : comma-operator(MDN), https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-%EC%BD%A4%EB%A7%88%EC%97%B0%EC%82%B0%EC

📌삼항 연산 삼항 연산은 이름 그대로 세 개의 항을 이용해 결과를 반환하는 연산이다. 보통 if문의 단축 형태로 사용되기 때문에, 삼항 조건 연산식이라고도 부른다. 조건식 : 조건 역할을 하는 표현식 참일 경우의 결과 : 조건식의 결과가 참일 경우 반환될 결과 거짓일 경우의 결과 : 조건식의 결과가 거짓일 경우 반환될 결과 📖예시 let result; result = 3 < 2 ? "true" : "false" cosole.log(result) //결과는 "false"

📌함수란? 함수는 호출될 수 있는 코드 조각이다. 변수를 선언하고 데이터를 대입하면 변수의 이름을 데이터 대신 사용할 수 있는 것처럼, 함수를 선언하고 함수의 이름을 코드 조각 대신 사용할 수 있다. 함수를 만드는 두가지 방법 1. 함수 선언식 💡 위와 같은 선언 이후, 함수명은 중괄호 안의 기능 대신 사용될 수 있다. 2. 함수 표현식 💡 마찬가지로 선언 이후, 함수명은 중괄호 안의 기능 대신 사용될 수 있다. 💡 익명함수라고도 불림. ..어떻게 쓸까? 💡함수를 포출할 때는 한수의 이름 뒤에 반드시 소괄호를 붙여줘야 한다 "함수 이름 그까이꺼 대충 짓지!" ![](https://velog.velcdn.com/images/jeonmye/post/6d2

window.document는 무엇일까? 현재 브라우저에 렌더링 되고있는 문서. 페이지 콘텐츠. 즉 DOM에 대한 진입점 역할을 하는 프로그래밍 인터페이스이다. 이를 이용하면 페이지의 정보를 얻거나 웹 요소를 생성 및 조작할 수 있다. 또한 문서에 대한 공통의 속성과 메소드를 제공한다. 즉 다양한 API(Application Programming Interface)를 제공한다. > 요소를 선택하기 위해 사용할 수 있는 대표적인 메소드로는document.querySeletor와 document.getElementById가 있다 → 두 메소드는 모두 요소(Element) 객체를 반환한다! 1. document.querySeletor 선택자를 인자로 전달받아, 전달받은 선택자와 일치하는 문서 내 첫 번째 요소(Element)를 반환한다. 일치하는 요소가 없으면 '없다'라는 의미의 null데이터를 반환한다. 인자로 전달되는 선택자는 문자열 타입의

반복문 반복문은 비슷하거나 동일한 구문을 반복해서 수행할 수 있는 구문이다. 대표적인 반복문은 다음 두 가지이며, 두 반복문은 구조 및 동작방식에서 차이를 보인다. 1. while문 주어진 조건이 참(true)일 '동안에' 구문을 반복하는 반복문 > while( 조건 ){ // 조건이 true인 동안에 반복할 구문 } →조건이란 불리언을 반환하거나 불리언으로 해석될 수 있는 표현식 →반복구문은 '루프loop'라고도 한다 →다르게 말하면 조건이 false가 될 때 까지 구문을 반복한다. 2. for문 구문 작성시 반복을 위해 필요한 세가지 요소를 한꺼번에 모아 작성함으로써 보다 명시적으로 반복 횟수를 표현할 수 있는 직관적인 구문이다. > for(초기식; 조건식; 반복식){ // 조건이 true인 경우 반복 수행할 코드 } →초기식: 반복 조건의 초기화 작업 →반복식: 반복이 한 번 끝날 때 마다 실행될 작업 초기식은 처음 한 번만. 초기식 완