반복문 (2) 썸네일형 리스트형 [JavaScript] 객체와 메소드와 반복문 객체(object): 서로 연관된 함수와 변수를 같은 이름으로 그룹핑해 잘 정리하기 위한 도구 → 함수 위에 존재 매소드(method): 객체에 속해있는 함수 1. 객체 생성 객체는 { }를 이용해 생성한다 Object Create Object 정보를 넣을 때, 정보에 대한 이름을 함께 넣어줘야한다. 위 코드에서는 grogrammer과 designer가 정보에 대한 이름이고, egoing과 leezche가 정보이다. 만약 이미 존재하는 객체에 정보를 추가하고 싶을 땐, 객체.정보에 대한 이름 = 정보 와 같은 형태로 작성해주면 되는데, 정보에 대한 이름에 공백이 포함되어 있다면 배열과 같은 형태로 정보를 추가할 수 있다. 2. 반복문 Object Iterate JavaScript에서의 반복문으로 객체에 .. [JavaScript] 반복문과 함수 반복문으로 모든 a 태그를 찾아 a 태그의 style을 바꿔주었다. 또한, a 태그의 style을 바꿔주는 부분을 함수로 만들어서, 같은 내용을 반복해 사용할 경우에도 코드가 중복되지 않도록 했다. 1. 반복문 WEB hello world CSS JavaScript 자바 스크립트를 활용해 다크모드&라이트 모드 만들기~ 위 코드에서 onclick 안에 있는 코드가 while문을 활용해 모든 a 태그를 찾고, dark모드가 될 경우엔, 글씨 색을 powderblue로, light모드가 될 경우엔, 글씨 색을 blue로 바꾸어 주었다. document.querySelectorAll('a')은 모든 a 태그를 찾아 배열에 담아주는데, 반복문을 통해 배열에 담긴 모든 a 태그의 style을 바꿔줄 수 있다. 2... 이전 1 다음