목록querySelectorAll (3)

생각 작업실 The atelier of thinking

33.<JavaScript> 토글(Toggle)과 반복문

"토글(Toggle)"은 어떤 상태를 번갈아가며 전환하는 동작을 의미합니다. 주로 UI 요소의 가시성이나 상태를 변경하는 데 사용됩니다. ​ 간단히 말하면, 토글은 한 번 실행될 때마다 상태가 바뀌는 행동을 말합니다. 예를 들어, 버튼을 클릭할 때마다 어떤 요소를 표시하거나 감추는 동작이 토글이라고 할 수 있습니다. ​ 자바스크립트에서 토글을 구현하는 방법은 주로 조건문과 상태 변수를 사용합니다. 클릭 이벤트 또는 다른 트리거를 통해 상태 변수가 변경되고, 해당 상태에 따라 UI 요소의 가시성이 변경됩니다. 앞서 조건문을 사용하여 화면을 나타내기도 하고, 감추기도 하는 것을 알아봤습니다. 2024.03.26 - [웹(Web) 이야기] - 31. 예제 : 토글 Toggle 31. 예제 : 토글 Toggle..
웹(Web) 이야기 2024. 4. 8. 20:31
29. <JavaScript> 배열 Array

지난 회차에 함수를 사용하여 코드를 구조화하였습니다. 이번 회차에는 이 함수를 여러 이미지에 재사용해 보겠습니다. 앞서 적용된 코드는 하나의 이미지에만 사용할 수 있어, 이를 여러 개의 이미지에 적용하기 위해서는 배열이라는 개념이 필요합니다. 먼저, 배열(Array)에 대해서 알아보겠습니다. 1. 배열이란 배열이란 한마디로 여러 자료를 묶어서 활용할 수 있는 특수한 자료입니다. 배열은 하나의 변수에 여러 값을 저장할 수 있으며, 이러한 값들은 순서대로 나열되어 있습니다. 각각의 값은 인덱스(index)라고 불리는 숫자로 식별됩니다. 배열은 다음과 같은 특징을 가지고 있습니다. (1) 순서가 있는 집합 배열은 각 요소의 순서가 있으며, 이 순서는 0부터 시작하는 인덱스로 접근할 수 있습니다. 따라서 배열의..
웹(Web) 이야기 2024. 3. 19. 18:02
23. <JavaScript> 제어할 태그

앞서 HTML과 JavaScript를 연결하는 첫단계로 Script 태그와 HTML 안에서 JavaScript를 실행시킬 연결고리로 input 태그와 event 속성에 대해서 알아봤습니다. 이번 회차에는 JavaScript에서 HTML 문서 내의 특정 요소를 선택하는 방법에 대하여 알아보고자 합니다. CSS 의 선택자는 HTML의 특정 요소에 스타일 적용 시키기 위한 것처럼 JavaScript를 HTML의 특정 요소에 적용시키려면 CSS의 선택자와 같은 역할을 하는 메서드가 있습니다. 1. getElementById getElementById 메서드는 문서 내에서 특정 ID를 가진 요소를 찾아 반환합니다. ID는 문서 전체에서 고유해야 합니다. 반환 값은 해당 ID를 가진 요소이며, 일치하는 요소가 없으..
웹(Web) 이야기 2024. 3. 4. 17:50
이전 Prev 1 Next 다음