짧은코딩

nullish 병합 연산자 '??' -a ?? b 만약 a가 null, undefined 둘 다 아니면 a이고, null이나 undefined이면 b이다. =>??를 사용하면 값이 할당된 변수를 빠르게 찾을 수 있다. 대부분 변수에 기본값을 할당하는 용도로 사용한다. -x = a ?? b x = (a !== null && a !== undefined) ? a : b; 이 코드는 x = a ?? b와 같은 코드이다. -사용자가 아무런 정보도 입력하지 않는 케이스 let firstName = null; let lastName = null; let nickName = "바이올렛"; // null이나 undefined가 아닌 첫 번째 피연산자 alert(firstName ?? lastName ?? nickNam..

if문 let year = prompt('ECMAScript-2015 명세는 몇 년도에 출판되었을까요?', ''); if (year == 2015) alert( '정답입니다!' ); if문을 활용하여 질문을 할 수 있다. -조건부 연산자 '?' let accessAllowed; let age = prompt('나이를 입력해 주세요.', ''); if (age > 18) { accessAllowed = true; } else { accessAllowed = false; } 나이가 18살 초과하면 true를 반환하는 코드가 있다. 이런 코드를 간략하게 해주는 것이 조건부 연산자이다. let accessAllowed = (age > 18) ? true : false; 위 코드를 조건부 연산자를 활용하면 이렇게..

스크립트를 분리해야 하는 이유 HTML 안에 스크립트를 작성하는 방식은 스트립트가 아주 간단할 때만 사용한다. 스크랩트가 길어지면 별개의 파일을 만들어 분리하는 것이 좋다. 스크립트를 별도의 파일에 작성하면 좋은점이 브라우저가 스크립트를 다운받아 캐시에 저장하기 때문이다. 이렇게하면 성능이 올라가는 장점이 있다. 이를 통해 트래픽이 절약되고 속도가 향상된다. 엄격 모드 자바스크립트는 오류를 어느정도 무시하고 넘어갈 수 있지만 이것이 나중엔 심각한 버그를 만들 수 있다. 하지만 엄격 모드는 실수를 에러로 변환해준다. "use strict"; 이 코드는 반드시 스크립트의 최상단에 있어야한다. 안그러면 활성화가 안될 수 있다. 그리고 엄격 모드를 한번 실행하고 나면 다시 취소할 방법은 없다. -브라우저 콘솔 ..

시맨틱(Semantic): 의미(뜻)를 시맨틱이라 부른다. 코드가 의미를 갖도록 시맨틱을 부여하여 코드를 작성해야 한다고 말한다. 함수 안에 코드를 간단하게 하여 뉘앙스의 범위를 잘 지키도록 해야한다. 좋아하는 음악은? -label for 사용법 태그는 for 속성을 사용해서 태그의 id 속성에 연계해서 사용, label의 for값과 input의 id값을 일치시키면 된다. const music = { createElement(id){ this.element = document.getElementById(id); }, get getAttributeValue(){ return this.element.value; }, set setAttributevalue(value){ this.element.value = ..