기본 입출력 alert() prompt() 값을 입력하지 않고 '확인'을 누르면 ' ' 공백의 값이 저장이 되고 '취소'를 누르면 null 값이 저장이 됩니다. document.write() console.log() confirm() '확인'을 누르면 'true' 값이 저장이 되고 '취소'를 누르면 'false' 값이 저장이 됩니다.
벗어나는 글씨 처리하는 법 긴 텍스트를 한 줄로 표시하고 싶을 때 white-space: nowrap; : 한 줄 표시 overflow: hidden; : 벗어나는 부분 숨기기 text-overflow: ellipsis; : 텍스트 벗어나는 부분 ... 처리
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 css script Swiper로 이미지 슬라이드 만들기 swiper-wrapper, swiper-slide 클래스 이름 반드시 지켜줘야함!! ex) Swiper 옵션 Swiper 사이트 상단 메뉴 Resources->Demos에서 다양한 옵션 소스를 확인할 수 있습니다. ex) ( 참고로 swiper는 슬라이드 무한루프 안됨!)
CSS 사이즈 기본 단위 절대 단위 px, in, cm, mm, pt, pc 상대 단위 em rem % vw(뷰포트 너비) vh(뷰포트 높이) 기타 vmin(뷰포트 최소너비) vmax(뷰포트 최대너비) font-size에서 많이 사용하는 단위 em : 부모 폰트의 크기를 기준으로 상대적인 크기 설정 rem : 가장 상위태그 HTML의 폰트 크기를 기준으로 상대적인 크기를 설정 font-size 변수로 만들어 사용하기 브라우저 사이즈별로 font-size를 키울 때, font-size 앞에 ' -- ' 를 넣으면 변수로 설정해서 사용하실 수 있습니다.
