[220920] 오늘의 배움(TIL) - JavaScript

💛 nalsae·2022년 9월 20일
1

📚 오늘의 배움(TIL)

목록 보기
49/84
post-thumbnail

🔶 JavaScript

  • 키보드 방향키 입력 시 탭 포커스를 조정하려면 어떻게 해야 하는가?

: 키보드 방향키로 탭 포커스를 조정하는 메서드는 존재하지 않기 때문에, keyup 이벤트 핸들러를 등록하여 그 콜백 함수로 입력된 키가 방향키인지 판단 후 방향키에 따라 적절한 로직 구현

  • focus 메서드는 무엇이고 어떻게 사용할 수 있는가?

: 의도적으로 요소에 키보드 포커스를 부여하고 싶ㅍ은 경우에 사용

  • 이벤트 종류 중 input은 어떤 경우에 발생하는가?

: input 요소에 데이터를 입력하는 경우에 계속 발생, 과도하게 많이 발생하는 이벤트 횟수를 조절하려면 Lodash 패키지에 포함된 throttle 등의 함수 사용

  • 자바스크립트에서 동적으로 생성하는 HTML에 공백 문자를 포함하고 싶다면 어떻게 해야 하는가?

: replace 관련 메서드 사용하여 공백 문자를 엔티티 코드인 &nbsp로 변환

  • replace 메서드의 인수로 정규 표현식의 매치 결과인 문자열을 전달하고 싶은 경우 어떤 방법을 사용할 수 있는가?

: $&를 통해 정규 표현식을 사용하여 매치된 문자열을 그대로 편리하게 사용할 수 있음

  • matches 메서드 사용 시 선택자의 하위 요소까지 전부 선택하고 싶다면 어떻게 해야 하는가?

: 인수로 전달하는 식별자를 식별자 *처럼 작성하면 식별자의 하위 요소까지 전부 전달 가능

  • 정규 표현식의 플래그 g 사용 시 주의할 점은 무엇인가?

: test 메서드와 g 플래그를 함께 사용하는 경우 문제 발생
: test 메서드 사용 시 g 플래그는 매치 결과의 마지막 index를 기억하고, 다음 검색 수행 시 index 이후부터 검색하므로 정규 표현식에 해당하는 연속된 데이터를 검색하는 경우 결과 값을 정상적으로 도출할 수 없음

profile
𝙸'𝚖 𝚊 𝚍𝚎𝚟𝚎𝚕𝚘𝚙𝚎𝚛 𝚝𝚛𝚢𝚒𝚗𝚐 𝚝𝚘 𝚜𝚝𝚞𝚍𝚢 𝚊𝚕𝚠𝚊𝚢𝚜. 🤔

0개의 댓글