Javascript3 DOM 이란 #. DOM (Document Object Model)이란? - 컴퓨터가 문서를 잘 처리할 수 있도록 문서에 대한 구조를 약속한 것 - Tree 형태 특징이 있다. - 각각의 노드에 하나의 부모가 있고 여러개의 자식이 있는 구조(태그가 중첩되는 것과 일맥상통하다.) - firstElementChild : 첫 자식 엘리먼트 - lastElementChild : 마지막 자식 엘리먼트 - nextElementSibling : 같은 레벨의 형제 엘리먼트에 접근하는 방법 - previousElementSibling : ''' - 등 속성으로 원하는 노드에 접근하여 속성을 줄 수 있다. = 단일 Element 선택 - Document API - document.getElementBy~ : 단일 엘리먼트를 선택하는 .. 2022. 8. 29. Javascript(Object, method, array) - Object - - object 객체 * 쓰는 이유 (1). 관련있는 데이터를 묶어서 처리할 수 있기 때문에 코드의 유지보수성이 좋아진다 (2). 실세계의 사고방식과 유사한 코딩이 가능하게 한다. 즉 컴퓨터 친화적인 코드를 인간에 가까운 형태로 표현이 가능해 진다는 것이다 * 이름은 clark 이고 나이는 33 인 superman 객체 생성 ex) const superman = { name : 'clark', age : 33, } * 접근, 추가, 삭제 가능 ex) 접근 - superman.name // 'clark' - superman['age'] // 33 ex) 추가 - superman.gender = 'male'; - superman['hairColor'] = 'black'; ex) 삭제 - .. 2022. 4. 1. Javascript(변수, 문법) - 변수 - 1. 변하지 않는 값은 const 2. 변할 수 있는 값은 let 으로 선언 3. 변수는 문자와 숫자, $와 _만 사용 ex) const MY_HOME = "~"; let_ = 1; let $ = 3; 4. 첫글자는 숫자가 될 수 없다 ex) let 1stGrade = 'A+'; 5. 예약어는 사용할 수 없다 ex) let let = 99; 6. 가급적 상수는 대문자로 알려준다 ex) const MAX_SIZE = 99; 7. 변수명은 읽기 쉽고 이해할 수 있게 선언 ex) let a = 1;, let userNumber = 3; - 대화상자 - - 단점 (1). 스크립트 일시 정지 ex) 유튜브를 보고 있는데 잠시 멈추고 alert 창에 입력 값을 받는다 (2). 스타일링이 불가능하다 1... 2022. 4. 1. 이전 1 다음
