자바스크립트로 html DOM을 조작하는데 필요한 기본적인 명령들. 새로운 요소 추가하기 (Create) createElement() 새로운 요소를 생성한다. const addDiv = document.createElement("div"); node.before(), node.after() 호출한 노드 앞, 뒤에 새로운 노드를 추가한다. a.after(addDiv); a.before(addDiv); textContent = 요소에 text 내용을 추가한다. addDiv.textContent = "내용을 추가합니다."; classList.add() 요소에 클래스를 추가하다. addDiv.classList.add("newClass"); Node.append() 생성한 요소를 원하는 요소에 추가한다. Node..

Javascript로 Swiper 버전 7 사용 중 slidesPerView로 원하는 결과를 얻을 수 없을 때 해결 방법 패스트캠퍼스 한 번에 끝내는 프론트엔드 개발 초격차 패키지를 통해 스타벅스 페이지 클론코딩을 진행 중, slidePerView를 분명 5로 설정했는데도 불구하고 슬라이드가 5장을 초과해서 화면에 나타났다. ( 오렌지 색 영역에 5개 슬라이드만 나와야 함 ) 강사님의 코드와 내 코드를 아무리 비교해봐도 다른 부분이 없었고, slidesPerView not working등으로 구글링을 해도 이유를 알 수 없었다.. 그러다가 어느 눈썰미 좋으신 분께서 강사님이 사용한 코드의 Swiper 버전과 내가 사용한 Swiper 버전이 다르다는 것을 알려주셨다. 같은 강의를 듣고있는 누군가에게 도움이..