[자바스크립트] swiper 라이브러리 적용해보자

자바스크립트 swiper 라이브러리를 적용해 봅시다. 1. Swiper 라이브러리 연결 https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com ① Swiper 사이트 접속 구글에 [swiper]를 검색하시거나 위의 링크로 접속해 주세요. - ② Get Started 메인 페이지에서 [Get Started] 버튼을 클릭합니다. ③ CDN 왼쪽 메뉴에서 [Use Swiper from CDN] 메뉴를 클릭하면 CDN..

coding/JavaScript · 2023. 7. 26. 07:30

자바스크립트 class 추가하기

자바스크립트에서 class를 추가해봅시다. 1. 자바스크립트 class 추가 element.classList.add("myStyle"); 클래스 추가 추가하는 내용이니 add가 들어가는군요. - 요소 element. 즉, 요소란 html에서 어디에 class를 넣을 것인가 정해주는 부분입니다. 만약 특정 div 태그에 class를 넣는다면 그 div 태그를 선택하면 됩니다. 선택하는 방법은 아래를 참고해주세요. 자바스크립트로 요소 선택하기 - class 관련 classList는 class 관련 명령어라고 여겨주세요. 세부적으로 너무 파고들 필요는 없습니다. 어렵기도 하고요. 아무튼 class 관련이구나 하고 생각해주세요. - class 추가 가장 중요한 부분이 아닐까 합니다. add를 이용해 class를..

coding/JavaScript · 2022. 4. 20. 09:30

자바스크립트 css 추가하기

자바스크립트에서 css 추가하는 방법을 알아보겠습니다. 바로 코드 복사하실 분은 2번으로 >> 1. 자바스크립트 css 추가 document.getElementById(id).style.property = new style 자바스크립트 css 추가 문법 갑자기 나오는 이 코드 한 줄이 당황스러우실 것 압니다. 하지만 기다려보세요. 제가 다 설명할 수 있어요. - 이름 일단 앞쪽의 긴 뭉텅이는 너무 고민하실 것 없습니다. 이 부분은 css를 추가하고 싶은 곳을 알려주는 것으로 id 이름값을 적는다고 생각해주세요. 자바스크립트에서 id 값을 가져오려면 저런 식으로 길어져서 그렇지 어려운 부분은 아닙니다. 나중에 변수 안에 넣고 짧게 줄여서 사용할 수 있으니 너무 걱정하지 마세요. - css 값 넣기 styl..

coding/JavaScript · 2022. 4. 19. 09:30

자바스크립트 선택자 querySeletor

자바스크립트에서 요소를 어떻게 선택하는지 알아봅시다. 1. querySeletor document.querySelector("#main"); querySelector 도큐먼트. 즉, 브라우저 상의 요소. html의 요소를 선택할 때 document.querySelector( ) 괄호 안에 선택자를 입력하면 됩니다. 대소문자에 유의하여 적어주세요. - 선택자 선택자 이름 * 전체 선택자 # id 선택자 . class 선택자 선택자 종류 크게 이 세 가지 정도만 알아도 선택하는 데는 문제가 없을 겁니다. 선택자와 함께 본다면 위의 예시는 main이라는 id값을 가진 요소를 선택한다고 볼 수 있죠. - 2. 변수 선언 let main = document.querySelector("#main"); 변수 선언 꼭..

coding/JavaScript · 2022. 4. 14. 09:30

내일 배움단 스파르타 코딩 클럽 후기 + ajax 시작하기

내일 배움단 스파르타 코딩 클럽 후기 2주 차입니다. 1. 내일 배움단 스파르타 코딩 클럽 내일배움단 내일배움단은 스파르타 코딩 클럽에서 내일 배움 카드로 수강하시는 분들이에요. 저도 내일배움카드로 국비 지원을 받아 듣고 있습니다. - 수료 시 자비부담금 0원 내일배움단 모두 기간 내에 수료를 하면 자비부담금을 다시 환급해줍니다. 강의는 하루에 8강까지만 들을 수 있는데 이것 때문에 매일 듣게 돼서 완강하게 되는 것 같아요. (기간 지나면 못 들으니까...) - 2. 스파르타 코딩 클럽 2주 차 Ajax란? Ajax(Asynchronous Javascript And Xml)는 Javascript의 라이브러리의 일종인데 쉽게 말하자면 Xml의 데이터를 가져올 수 있는 기술입니다. 어렵나요? 더 쉽게 말해 ..

coding/JavaScript · 2022. 3. 4. 09:30