JavaScript (4) 썸네일형 리스트형 자바스크립트 복습 * 클로저- 클로저를 이용한 카운터! + 0 * 스크립트 로딩시 defer 키워드를 이용해서 비동기 로딩하게 하기!HTML 삽입미리보기할 수 없는 소스 * 함수는 기본 화살표 함수로 정의 한다!const colorBg = () => { //백틱과 템플릿 문자열을 많이 활용하자 //querySelector를 이용해서 태그(요소)를 선택하자. document.querySelector("#colorText").textContent = `컬로코드: ${color.value}`;} css 선택자 정리 document.querySelectorAll 을 위한 css 선택자 패턴 의미 E[attr] 'attr' 속성이 포함된 요소 E[attr="val"] 'attr' 속성의 값이 정확하게 'val' E[attr~="val"] 'val' 이 포함 ( 공백으로 분리된 값이 일치 ) E[attr^="val"] 'val'로 시작 E[attr$="val"] 'val'로 끝남 E[attr*="val"] 'val'이 포함 E[attr|="val"] 정확하게 'val' 이거나 'val' 로 시작요소 정규식 표현과 비슷함! 참고용 태그 셀렉터 document.getElementById //id 는 하나니까 getElement document.getElementsByTagName document.getElementsByCl.. electron 설치시 네트워크 오류 발생하는 경우 대처(NPM 모듈설치) npm i electron --save-dev 가 오류 발생시!! 회사에서 네트워크를 내부망 같이 분리망을 사용하여, RequestError: self signed certificate in certificate chain 이와 같은 오류가 발생하는 경우 set NODE_TLS_REJECT_UNAUTHORIZED=0 실행후, 인스톨 하면 설치 가능! 다른 오류인경우, npm ssl 모드 제거 set npm_config_strict_ssl=false ECMAScript 정리 ECMAScript1 (1997) ECMAScript2 (1998) ECMAScript3 (1999) ECMAScript4 ( Abandoned ) ECMAScript5 (2009) ECMAScript5.1 (2011) ECMAScript6(=ECMAScript2015) 화살표함수 Promise let,const class module 요약정리 = https://blog.asamaru.net/2017/08/14/top-10-es6-features/ 개발자가 필히 알아야 할 ES6 10가지 기능 ES6(ECMAScript 표준의 6번째 에디션, ECMAScript2015)에 대한 이야기를 하기 전에 자바스크립트와 ECMAScript에 대한 것부터 간략히 소개한다. 넷스케이프(Netscape)에서 1995년.. 이전 1 다음