본문 바로가기
728x90
반응형

JavaScript 시리즈☕45

001 (태그 선택 , 이벤트 , 유사 배열) 자바스크립트로 프로젝트도 만들어 봤으니,, 이제 개념정리를 하면서 완벽하게 이해 못했던 부분 짚고 넘어가자! 0 . start 1 . id 는 고유한 값이기 때문에 여러 요소들을 선택하기에는 활용하기 어렵다. + css 에서도 스타일을 다룰때 여러 요소의 스타일을 다룰때에도 id 가 아닌 class속성으로 한다. 2. class 로 태그를 선택하는 메소드의 이름? => document.getElementsByClassName(' 클래스이름 적는란 '); * 위 소스에 Elements에 s 는 여러 요소를 선택하는 것이기 때문에 s 를 꼭 붙인다. 3. 존재하지 않는 클래스이름을 적으면, null 이 아닌 undefined 가 출력된다. 1. 자바스크립트로 태그 선택하기 document.getElement.. 2021. 8. 23.
002 ( window 객체 , window 객체 https://developer.mozilla.org/ko/docs/Web/API/Window Window - Web API | MDN Window 인터페이스는 DOM 문서를 담은 창을 나타냅니다. developer.mozilla.org DOM Splice 메소드 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice Array.prototype.splice() - JavaScript | MDN splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다. developer.mozilla.org 배열 https://developer.. 2021. 8. 23.
💯[문제] 영어 단어장 2💯 문제 내가 작성한 코드 == 모범답안 let myVoca = { function: '함수', variable: '변수', constant: '상수', local: '지역의', global: '전반적인', }; // 1. 이미 외운 단어 3개를 삭제해 주세요. // 여기에 코드를 작성해 주세요. delete myVoca.function; delete myVoca.constant; delete myVoca.local; console.log(myVoca); console.log(myVoca.constant); // 2. 오늘 외울 단어 4개를 추가해 주세요. // 여기에 코드를 작성해 주세요. myVoca.extend = '확장하다'; myVoca.export = '내보내다'; myVoca.import = '.. 2021. 8. 16.
🙄객체에서 데이터 접근 방법!🙄 1. 점 표기법✔ 객체 속성에 접근하는 가장 간단한 방법이다. **점 표기법은 따옴표를 가진 객체이름을 사용할 수 없다. 2. 대괄호 표기법✔ 대괄호 표기법은 점표기법에서 ''따옴표를 가진 객체 속성을 접근할 수 없을때 대괄호 표기법을 사용하면 된다. 3. 정리✔ => 객체는 변수애 담겨서 이름을 만들고 점표기법과 대괄호 표기법으로 그 값에 접근 할 수 있다. 2021. 8. 16.
728x90
반응형