전체 글207 (Javascript) Class Class 코드의 중복성을 줄이면서 객체를 생성하는 틀, template prototype 기반의 언어인 JS에서도 직관적으로 쉽게 코드를 읽고 만들어주고 이전의 class 기반으로 개발했었던 개발자들도 쉽게 적응할 수 있도록 하기 위해 사용 class Block { constructor(_count) { this.count = _count; } consoleLog() { console.log("Block 의 " + this.count + "번째 입니다."); } } const block = new Block(1); block.consoleLog(); console.log(block); class Block{} : Block이라는 이름의 클래스를 선언 constructor(_count ){} : _cou.. 2023. 1. 16. (Javascript) Elements, Tags Elements DOM(document)내에서는 정의된 Tag의 내용 document.getElementById(’name’) —> name을 id선택자로 설정된 element를 가져온다. Tag와 element의 차이는 Tag는 태그의 이름 그 자체이고, Element는 객체다. HTML 파일에서 Tag(여는 태그와 닫는 태그 및 자식들 까지 모두 포함)에 사용된 내용들을 모두 포함한 것이 Element이다. Tags HTML에서의 요소들의 이름을 뜻 , solo parent child1 child2 child3 console.log(document.body.children); console.log(document.body.childNodes); console.log(document.getElement.. 2023. 1. 16. (Javascript) querySelector querySelector JS에서 HTML 요소(엘리먼트)들을 가져올 때 사용한다 CSS 선택자들(ID, Class, HTML Tag 등등)로 찾아서 해당하는 요소(엘리먼트)를 반환해준다. querySelector() : CSS선택자로 해당하는 첫 번째 HTML요소를 1개 반환해준다. 중복된 class선택자로 querySelector를 사용할 겨우 제일 최상단에 하나만 선택하여 반환한다 특정 name, id, class를 제한하지 않고 css선택자를 사용하여 요소를 찾는다. 만일 같은 class 선택자라면 스크립트의 최상단 요소만 로직에 포함하여 가져 온다. querySelectorAll() : CSS 선택자에 해당하는 요소들 전부를 가져와서 반환해준다 querySelector와 사용방법은 동일하며 선택.. 2023. 1. 16. (Javascript) DOM method DOM : Document Object Model 문서 객체 모델, 웹페이지(HTML 및 XML문서)의 콘텐츠 및 구조, 스타일요소를 구조화시켜 표현하여 프로그래밍 언어가 해당 문서에 접근하여 읽고 조작할 수 있도록 API를 제공하는 일종의 인터페이스 JS 같은 스크립트 언어가 쉽게 웹페이지에 접근하여 조작할 수 있게끔 연결시켜주는 역할 console.log(window.location); console.log(location); console.log(window.navigator); console.log(window.navigator.userAgent); console.log(document.head); console.log(document); console.dir(document); const roo.. 2023. 1. 15. (Javascript) 반복문 for반복문 for문은 반복문의 명령어 중 하나 for () 괄호 안에 반복을 시작하는 초기 변수, 반복 조건, 반복마다 달려지는 반복변수의 증감식 {} 안에는 반복할 때마다 실행할 코드를 작성 for (let i = 0; i < 10; ++i) { console.log(`i = ${i}`); } let j = 0; for (; j < 10; ) { console.log(`j = ${j}`); ++j; } let w = 0; while (w < 10) { console.log(`w = ${w}`); ++w; } for (let a = 0, b = 1; a < 10 && b < 5; ++a, --b) { // && 는 '그리고' 다. 두 조건이 한번에 만족해야 한다. console.log(`a = ${a}.. 2023. 1. 13. (Javascript) 조건문 if 조건문 if (조건) (조건) 안에 boolean 값이 true면 (조건) 뒤 스코프 코드가 실행되고 else 스코프 코드는 실행되지 않는다 false 라면 (조건) 뒤 스코프는 실행되지 않고 else 스코프 내에 코드가 실행된다 if (1 > 2) { console.log("1 2 는 false 다"); } else if문 첫 번째 조건이 아니라면 else if 조건문으로 내려서 boolean값을 판단한다 if (1 > 2) { console.log("여기 조건이 거짓이면서"); } else if (2 < 3) { console.log("여기 조건이 참이면 else if의 {} 코드가 실행 된다."); } else { co.. 2023. 1. 13. 이전 1 ··· 24 25 26 27 28 29 30 ··· 35 다음
