나만의 개발노트

addEventListener() : 지정한 유형의 이벤트를 대상이 수신할 때마다 호출할 함수를 설정하는 메서드 addEventListener(type, listener); addEventListener(type, listener, options); addEventListener(type, listener, useCapture); (참조) https://developer.mozilla.org/ko/docs/Web/API/EventTarget/addEventListener 1st 기록 : 23.04.20(목)

document.querySelector() : 선택자 or 선택자의 첫 요소를 반환한다. (일치하는 요소가 없으면 null) document.querySelector(selectors); var el = document.querySelector(".myclass"); //문서에서 myclass라는 클래스를 사용하는 첫 번째 요소를 반환 * https://itnote-for-me.tistory.com/10 참고 230417(월) [WEB2-JS] - 12강_제어할 태그 선택 https://youtube.com/playlist?list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf WEB2-JavaScript www.youtube.com [12강] 제어할 태그 선택하기 - 버튼을 눌렀을 때..

document.getElementById() : JavaScript에서 Id로 HTML에 있는 Element를 불러오는 함수 getElementById(id); html Some text here blue red javascript function changeColor(newColor) { const elem = document.getElementById("para"); elem.style.color = newColor; } 1st 기록 : 23.04.20(목)

arrays(배열) : 단일 변수 이름 아래에 여러 항목 모음을 저장할 수 있는 개체 크기 조정이 가능하고, 다양한 데이터 유형을 혼합하여 포함할 수 있다. 연관 배열이 아니므로, array elements cannot be accessed using arbitrary strings as indexes, but must be accessed using nonnegative integers (or their respective string form) as indexes.(이해X) 인덱스는 0부터 시작한다. (첫 요소의 index는 0,두번째 요소의 index는 1 ... 마지막 요소는 array's length -1) 배열을 복사하면, 얕은 복사가 된다.(이해X) (참조) https://developer...

https://youtube.com/playlist?list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf WEB2-JavaScript www.youtube.com [16강] 조건문 [강의 내용] - 조건문 if, else if(조건문){ ...조건문이 true일 경우 실행될 코드... }else{ ...조건문이 false일 경우 실행될 코드... } [새로 알게 된 내용] - 글 태그 안에 을 사용하면 개행됨 JavaScript //-> JavaScript Java Script //-> Java Script [17강] 조건문의 활용 [실습 내용] : day모드에서는 버튼을 누르면 night모드로 변경되고, night모드에서는 버튼을 누르면 day모드로 변경되도록 하기. * 버튼은 한개 ..

https://youtube.com/playlist?list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf WEB2-JavaScript www.youtube.com [3강] HTML과 JS의 만남 : script 태그 - HTML에서 JS를 작성하려면, 를 사용한다. JavaScript //제목1 html //HTML 1+1 //1+1 * JS와 HTML은 동일해보일 수 있지만, JS는 동적, HTML은 정적 [4강] HTML과 JS의 만남 : 이벤트 - onclick, onchange, onkeydown등 의 이벤트를 사용 * onclick = 버튼을 누르면 동작 onchange = 입력이 바뀌면 동작 onkeydown = 키를 누르면 동작 * alert(' ') = ' '문구를 경고창..

[용어] - 변수 : 프로그래밍 언어에서 데이터를 관리하기 위한 - 리터럴(literal) : - 연산자(operator) : - 피연산자(operand) : - 파싱(parsing) : 의미 해석 - 메모리(memory) : 데이터를 저장할 수 있는 메모리 셀(memory cell)의 집합체 - 변수(variable) : 프로그래밍 언어에서 값을 저장하고 참조하는 메커니즘 - 변수 이름 : 저장된 값을 식별할 수 있는 고유한 이름 - 변수 값 : 변수에 저장된 값 - 할당(essignment) : 변수에 값을 저장하는 것 (=대입,저장) - 참조(reference) : 변수에 저장된 것을 읽어 들이는 것 - 식별자(identifier) : 어떤 값을 구별해서 식별할 수 있는 고유한 이름 - 키워드(ke..