본문 바로가기

전체 글

 (18)
javascript 6. DOM Manipulation javascript에서 DOM Manipulation은 상당히 중요한 것 같다. DOM Manipulation이라 함은, Document Object Model의 약자로써, javascript에서 HTML에 있는 요소에 접근해서 변경할 수 있게 해준다. 한마디로, 웹페이지를 자바스크립트로 제어한다. 예를들어, document.querySelector("선택하고싶은 요소") 를 이용해보자. "선택하고 싶은요소" 부분을 자바스크립트에서 바꿀 수 있다. HTML Hello! javascript const text = document.querySelector(".title"); text.style.color = "red"; HTML에 title이라는 클래스명을 querySelector의 요소 부분에 넣어주고 변..
javascript 5. For Loop and While Loop 반복문 For Loop const guys = ["Jay", "Son", "Park", "Messi", "Jimmy"]; 이러한 배열이 있다고 치자. 만약 저 사람들이 접속할 때마다 Hello라는 인사를 하고싶으면 어떻게 해야할까? 우선 반복문 for문을 통해 저들을 다 불러보겠다. const guys = ["Jay", "Son", "Park", "Messi", "Jimmy"]; for (guy of guys) { console.log(guy); } for (guy of guys) 에서 guy는 뒤에 있는 복수형의 단수를 써주면 된다. 예를들어, for ( 단수 of 복수) for (name of names) const names = ["Jay", "Son", "Park", "Messi", "Jimmy"]; f..
javascript 4. Array(배열)에 대하여 Array는 배열로써, 여러개의 자료를 저장할 수 있는 자료구조이다. 순차적으로 저장되며, 저장된 데이터에는 인덱스를 통해서 접근가능하다. 인덱스를 쓰는 이유는 원하는 데이터를 쉽고 빠르게 처리하기 위해 사용한다. 배열은 [ ] 로 감싸서 나타내고 쉼표를 통해서 구분한다. const schedule = ["Wake up", "Eat", "Work", "Watch a movie"]; console.log(schedule); 결과를 보면 0부터 시작하는, 길이가 4인 배열을 볼 수 있다. 1부터 시작하는게 아니라 0부터 시작한다. 만약 배열의 마지막 부분에 있는 "Watch a movie"에 접근하고 싶으면 어떻게 하면 될까? 0부터 시작하기 때문에, schedule[3]으로 입력하면 된다. const sc..

티스토리툴바