javascript (4) 썸네일형 리스트형 [JavaScript] Template Literals ES6에서 소개된 Template Literal은 여러 줄로 이루어진 문자열과 문자 보간기능(특정 값으로부터 다른 값을 추정하는 것)을 지원한다. 가장 큰 특징은 이중 따옴표(" ")나 작은 따옴표(' ') 대신 백틱(backtick)문자(` `)_키보드 숫자 1 왼쪽에 위치 를 사용한다는 것이다. 세부 특징은 다음과 같다. Multi-line strings 일반 문자열 사용 시 개행(改行)을 위해서 문자 사이에 '\n' 를 사용해야 한다. 하지만 template literal을 활용하면 문자열이 있는 그대로 적용된다. 일반 문서 작성 하듯이 작성해도 그대로 적용된다. 일반 문자열 console.log( "There Is A Light \nThat Never Goes Out" ); // There Is .. [JavaScript] 값 입력 후 엔터(Enter)키 눌렀을 때 이벤트 실행 로그인 시 ID/PW 입력 후 굳이 마우스로 로그인 버튼을 클릭하지 않고 엔터만 눌러도 로그인 이벤트가 실행된다. 이와 유사한 이벤트를 만들어 보자. 전체코드 - onkeypress는 키보드의 키를 눌렀을 때 이벤트를 발생시킨다. - 나는 show_name 이라는 함수를 실행하도록 작성했다. - 엔터키 인식을 위헤 키 코드 값을 가져오는 keyCode를 사용한다. 실행 결과는 아래와 같다. 그런데 MDN 웹 문서를 참고하니 다음과 같은 내용이 나온다. KeyBoardEvent.keyCode의 사용이 지양되고 있으며, KeyBoardEvent.code 형식으로 사용하는 것을 권장하고 있다. https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/ke.. 이클립스(eclipse) .js 파일 흑백으로 나올 때 해결 방법 컴퓨터는 훌륭하다. 내가(사람이) 잘못했다. 문제가 생겼다면 내가 무엇이 부족한 것인지 생각하자. 시련 이클립스에서 js 파일 생성 시 아래와 같은 상황을 마주하게 된다면 .js 파일 인식을 위한 확장자 추가 작업이 필요하다. Step.1 Window - Preferences - General - Editors - File Associations 이동한다. 혹은 검색창에 'file' 키워드 입력하면 해당 탭 쉽게 검색 가능하다. .js 확장자가 추가되지 않았다는 것을 확인한다. Step.2 우측 Add 버튼 클릭 후 .js 확장자 추가 Step.3 .js 추가 후 Generic Text Editor를 Default로 설정한다. Apply and Close 클릭한다. 해결 프로젝트 새로고침 후 파일을 다시.. [Javascript] .attr() / .prop() " .attr()? .prop()? 무엇을 사용해야 할까? " Attribute HTML에서 정의되는 속성(태그 생성 시 초기에 세팅되는 값) HTML 태그에 추가적인 정보를 제공한다 아래 코드를 살펴보자. 자신의 이름을 입력할 수 있는 태그를 만들었다. 이렇게 일반적으로 태그 작성 시 입력된 id, name 값 등의 속성을 불러올 때 .attr() 메서드를 사용한다. 이전 1 다음
