🔶 JavaScript
<form>요소의 이벤트 중 요소 하위<input>의Enter와Click을 동시에 캐치할 수 있는 이벤트는 무엇인가?:
submit이벤트를 사용하여<input>,<button>요소에Enter,Click이벤트를 각각 캐치해야 하는 상황을 한 번으로 줄일 수 있음
: 다만 꼭<input>,<button>요소가<form>요소 하위에 있어야 함
: 만약<button>요소 없이<input>요소만 존재한다면 이벤트 핸들러 하나로Enter이벤트만 캐치해도 무방함
- 동적으로 생성해야 하는 DOM 요소의 경우 이벤트 핸들러를 어떻게 등록하는 것이 바람직한가?
: 상위 요소에만 이벤트 핸들러를 등록하여 이벤트 위임 처리를 하는 것이 바람직함
: 이 때 주의해야 할 점은 상위 요소 하위의 모든 요소에 이벤트가 전파되기 때문에, 이벤트 객체의target프로퍼티와 관련된 조건문으로 이벤트 타깃을 판단할 필요가 있음
- Javascript로도, CSS로도 구현할 수 있는 경우 어떤 방법을 택하는 것이 바람직한가?
: CSS로 구현할 수 있는 경우라면 Javascript보다 CSS로 해결하는 것이 편리함
- 숫자로 된 객체의
id와 HTML 요소의 어트리뷰트id를 비교하는 경우 주의할 점은 무엇인가?: 똑같은 숫자여도 객체의
id의 타입은 숫자, HTML 요소의 어트리뷰트id의 타입은 문자열이므로,+를 사용하여 숫자 타입으로 암묵적 형 변환을 해주는 것이 바람직함
- 객체를 매개변수에 전달하는 경우 어떤 방식으로 편하게 사용할 수 있는가?
: 객체 디스트럭처링 할당 사용하기, 구체적으로 객체 리터럴 안에 사용할 프로퍼티 키를
,로 구분하여 작성하면 굳이 식별자와.를 통해 체이닝하여 접근하지 않더라도 작성한 프로퍼티 키만으로 사용이 가능함
ex)({ id, content, completed })
Math.max를 사용하여 최대값을 구할 때null이나undefined와 같은 예외를 어떻게 처리할 수 있는가?: 두 번째 인수로
0처럼 예외 값이 전달되었을 때의 기본 값을 설정할 수 있음
𝙸'𝚖 𝚊 𝚍𝚎𝚟𝚎𝚕𝚘𝚙𝚎𝚛 𝚝𝚛𝚢𝚒𝚗𝚐 𝚝𝚘 𝚜𝚝𝚞𝚍𝚢 𝚊𝚕𝚠𝚊𝚢𝚜. 🤔