나만의 개발노트

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...

[필요한 개념] arrayshttps://itnote-for-me.tistory.com/14 document.getElementById() https://itnote-for-me.tistory.com/15 document.querySelector() https://itnote-for-me.tistory.com/16 addEventListener() https://itnote-for-me.tistory.com/17 document.body.style.backgroundColor Math.floor() Math.random() array.length [참고] https://www.freecodecamp.org/news/javascript-projects-for-beginners/#how-to-create-a..

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 [강의 내용] - 비교 연산자 : number, string등을 비교할 때 사용 -> 일치비교 : === 크기비교 : > - 불리언(Boolean) : true 와 false 만을 값으로 가지는 타입 [새로 알게 된 내용] - 화면에 결과를 출력하고 싶으면, - 크기비교 문장을 쓰고 싶을 때, -> ' > '로 표현하면 태그랑 구분이 되지 않기 때문에 ' > ' 대신 ' < ' 를 사용한다. (less than) 1<2 * [출력] 1

https://youtube.com/playlist?list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf WEB2-JavaScript www.youtube.com [12강] 제어할 태그 선택하기 - 버튼을 눌렀을 때, CSS의 style 변경하는 방법 1. CSS의 선택자 불러오기 document.querySelector('선택자'); - 태그 선택자 : '선택자이름' 클래스 선택자 : '.선택자이름' 아이디 선택자 : '#선택자이름' 2. Style 변경하기 document.querySelector('선택자').style.backgroundColor='black'; - .style.color는 글자 색상 변경 [실습] night버튼을 누르면, 블랙모드 / day버튼을 누르면 화이트모드..

https://youtube.com/playlist?list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf WEB2-JavaScript www.youtube.com [9강] CSS 기초 : style 속성 - CSS는 디자인할 때 사용할 수 있는 언어이다. - style 속성(property) 안에는 CSS가 온다. TestSentence *style 속성이 여러가지일 경우, ";"으로 구분하여 나열하면 됨 *속성 입력 방법은 "css background color property"와 같은방법으로 검색하면 됨 [10강] CSS 기초 : style 태그 - style 속성보다 효율적인 방법 - , 의 태그를 사용하여 표현 (의미와 기능이 없는 태그) *은 개행O 은 개행X Far far a..