Javascript/Vanilla (2) 썸네일형 리스트형 [javascript] 같은 class 요소에 addEventListener 실행하고 싶을 때 기본적으로 메인페이지의 중앙에 검색창이 있는 영화검색사이트. 다른 페이지에서도 검색창에 접근할 수 있도록 하기 위해서 헤더 안에 검색창을 넣었다. 즉, search navigation을 헤더 우측으로 배치하고 js를 통해 메인페이지를 제외한 다른 페이지에서만 나타나도록 코드를 짰다. 메인페이지의 기존 search box 코드를 복붙해서 사용하되 클래스명을 다르게(searchNav) 지정했고, 같은 기능이 들어가는 input의 클래스는 그대로 뒀기 때문에 초기에는 문제가 없었다. >> 기존에 있던 메인페이지의 searchBox >>header에 추가한 searchNav 이렇게 input과 button을 감싸는 div와 nav의 클래스만 변경했을 뿐, 하위 요소들은 그대로 뒀다. (나중에 해결하고 보니 이 .. [javascript]'keyCode' is deprecated 해결 vscode에서 javascript 파일을 리팩토링 하던 중 발견한 'keyCode'; 코드를 실행했을 때 별다른 문제 없이 동작하긴 했지만, 프로그램 상으로 취소선이 표시된 이유가 있겠지 싶어서 마우스오버를 해보니 'keyCode' is deprecated. 이라는 부연 설명이 나왔다. 구글링한 결과, 1. mdn문서에서 keyCode에 대하여 This feature is no longer recommended. 라고 언급한 것을 발견할 수 있었다. 아직도 지원하는 브라우저가 일부 있기는 하지만 더이상 사용되지 않으니 keyboardEvent.code 를 사용하라는 내용. KeyboardEvent.keyCode - Web APIs | MDN The deprecated KeyboardEvent.keyCo.. 이전 1 다음
