웹개발 수업 (129) 썸네일형 리스트형 [Day +62 /Java Script 과제] 문서수정(과제 제출 안했음) 보호되어 있는 글입니다. [Day +62 / Java Script]기초(13. 문서 수정, 14. BOM, 15. 이벤트) 210917 금 13) 문서 수정 문서 수정 1. 노드 생성 documnet.createElement(tag) : 태그 이름을 사용해 새로운 요소를 만듦 document.createTextNode(value) : 텍스트 노드를 만듦(잘 쓰이지 않음) element.cloneNode(deep) : 요소를 복제함. deep == true일 경우 모든 자손 요소도 복제됨 2. 노드 삽입, 삭제 node.append(노드나 문자열) : node 끝에 노드나 문자열을 삽입 node.prepend(노드나 문자열) : node 맨 앞에 노드나 문자열을 삽입 node.before(노드나 문자열) : node 이전에 노드나 문자열을 삽입 node.after(노드나 문자열) : node 다음에 노드나 문자열을 삽입 nod.. [Day +61 / Java Script 과제]숫자&문자&날짜, 요소 검색 과제 보호되어 있는 글입니다. [Day +61 / Java Script]기초(12. 주요 노드 프로퍼티) 210916 목 12) 주요 노드 프로퍼티 주요 노드 프로퍼티 1. innerHTML 요소 안 HTML을 문자열 형태로 받아올 수 있음 요소 안 HTML을 수정하는 것도 가능함 자바스크립트에서 태그 앨리먼트의 값을 읽거나, 변경할 때 innerHTML 속성을 사용함 innerHTML 확인 2. outerHTML outerHTML 속성에는 요소 전체 HTML이 담김 outerHTML은 innerHTML에 요소 자체를 더한 것 innerHTML은 요소 값을 수정하지만 outerHTML은 요소 값을 수정할 수 없음 area2 영역입니다. *추가 내용 innerHTML innerHTML에서 지정한 요소 태그를 제외한 안쪽 태그만 값을 가져온다 자기자신 미포함 outerHTML outerHTML에서 지정한 요소 .. [Day +60 / Java Script]기초(9. 숫자&문자&날짜, 10. DOM, 11. 요소 검색) 210916 수 9. 숫자 & 문자 & 날짜 숫자 문자 날짜 다루기 1. 숫자형 메소드 isNaN(value) - 인수를 숫자로 변환한 다음 NaN(Not a Number : 에러를 나타내는 값)인지 테스트 (*추가 : 문자이면 true, 숫자이면 false) isfinite(value) - 인수를 숫자로 변환하고 변환한 숫자가 NaN/Infinity/-Infinity가 아닌 일반 숫자인 경우 true를 반환함 (*추가 : 숫자이면 true, 문자나 NaN/Infinity/-Infinity이면 false) Number는 문자열 앞 뒤 공백을 제외하고 다른 문자가 섞여 있으면 형변환이 불가능함 하지만 parseInt/parseFloat를 사용하면 문자열에서 숫자만 읽고, 읽은 숫자를 에러가 발생하기 전에 .. [Day +59 / Java Script 과제]배열2, 객체 보호되어 있는 글입니다. [Day +59 / Java Script]기초(8. 객체) 210914 화 1) 배열 뒷부분 2) 객체 객체 다른 자료형은 오직 하나의 데이터만 담을 수 있는 원시형(primitive type)이지만 객체는 다양한 데이터를 담을 수 있음 1. 객체 선언 및 호출 객체는 프로퍼티(키-값 쌍)를 저장하며 키 값을 사용하여 속성을 식별한다 키는 문자열이며 속성에는 모든 자료형이 올 수 있다 객체 생성자 또는 중괄호 {}를 사용하여 객체를 생성한다 2. 객체의 키 식별자 테스트 객체의 키는 모든 문자열을 사용할 수 있다 단, 식별자로 사용할 수 없는 단어를 키로 사용하거나 변수를 키로 사용하는 경우 무조건 대괄호를 사용해야 객체의 요소에 접근할 수 있다 3. 상수 객체는 수정 가능 상수 배열/객체의 속성은 변경가능하나 상수 배열/객체를 다시 할당할 수는 없음 4. 객체.. [Day +58 / Java Script 과제]함수, 배열 보호되어 있는 글입니다. [Day +58 / Java Script]기초(6. 함수, 7. 배열) 210913 월 6) 함수 함수(Function) 1)함수 선언(Function Declaration)과 호출 2) 변수 범위 3) 함수의 매개 변수 4) 함수의 반환형 5) 함수 표현식(Function Expression) 6) 콜백 함수 7) 함수 선언문과 함수 표현식의 차이 8) 화살표 함수 화살표 함수는 function 키워드, return 키워드 및 중괄호를 생략한 함수 표현식 작성을 위한 짧은 구문을 허용함 7) 배열 1. 배열 1) 배열이란? 자바스크립트에서는 별도의 자료형 지정이 없기 때문에 "모든 자료형"을 보관하는 변수의 모음을 배열로 처리함 자바에서의 컬렉션과 비슷함 2) 배열의 선언 배열 선언시 배열의 크기를 정하거나 정하지 않고 선언할 수 있음 3) 배열 순회 일반 for문, fo.. [Day +57 / CSS 과제]홈페이지 직접 만들어보기 보호되어 있는 글입니다. 이전 1 2 3 4 5 6 7 8 ··· 13 다음