개발 공부일기

$(document).ready(function () { var swiper = new Swiper("#main_visual .mySwiper", { autoplay: { delay: 5000, disableOnInteraction: false, }, navigation: { nextEl: "#main_visual .swiper-button-next", prevEl: "#main_visual .swiper-button-prev", }, pagination: { el: "#main_visual .swiper-pagination", type: "progressbar", }, effect: "fade", }); // swiper사이트에서 페이지소스보기로 해서 복사해올수있는데 저렇게 아이디값 처리를 안해주면 재..

// 이 부분은 swiper플러그인 사용하는거 = slick과 다르게 클래스명이 지정이 되어있고 클래스명대로 지정만 해주고 js에도 작성을 하면 됨 Lotte Hotels & Resorts 전 세계 호텔의 리워즈 상품과 혜택으로 라이프스타일에 다채로움을 더하세요! Lotte Hotels & Resorts 전 세계 호텔의 리워즈 상품과 혜택으로 라이프스타일에 다채로움을 더하세요! Lotte Hotels & Resorts 전 세계 호텔의 리워즈 상품과 혜택으로 라이프스타일에 다채로움을 더하세요! ------------------------------------------------------------------------------------------------------------------------..

body{ font-family: 'Roboto Condensed', 'Noto Sans KR', sans-serif; color: #000; line-height: 1.5; font-size: 1.6rem; } #wrap{ overflow: hidden; background: url('../images/wrap_bg.jpg')no-repeat center top; } /*gnb부분 갈색 배경 만들어줌*/ #wrap::before{content: ''; width: 70%; height: 20%; background: #998465; position: absolute; right: 0; top: 0;} .inner{max-width: calc(100% - 10.416%); margin: 0 auto; }..

https://www.canva.com/ https://designstripe.com https://drawkit.com/ https://www.flaticon.com/ Free Icons and Stickers - Millions of resources to download Download Free Icons and Stickers for your projects. Resources made by and for designers. PNG, SVG, EPS, PSD and CSS formats www.flaticon.com https://www.svgator.com/ SVGator: Free SVG Animation Creator Online - No Coding It's SVG animation mad..

정적생성 - HTML문서에 태그로 직접 작성하여 생성 동적생성 - 자바스크립트로 문서객체 생성 innerHTML속성을 이용한 문서객체 생성 = 선택된 문서객체에 HTML코드를 문자열로 처리해주는 속성 코드예시 body script var text = document.getElementById('text'); text.innerHTML='링크태그입니다.'; =>빈 화면에 링크태그입니다 라고 기입되어 나옴 =>f12 elements 부분을 보면 h1태그 안에 자손으로 a태그가 들어간걸 확인가능 document.write()메서드 ※준비구문 사용하게 되면 기존 문서객체를 모두 삭제해버리니 주의해서 써야함 document.write('제목'); createElement()메서드 ※요소를 생성해주는 메서드로 생성..

유일한 식별자 const a = Symbol(); 1. 유일성을 보장 2. 괄호안에 설명을 붙여줄수도있다 문자열을 생성해도 심볼생성에 영향을 미치지 않음 =설명이 똑같아도 같은게 아님 3. Object.keys();해도 심볼은 나타나지 않음 이렇게 숨겨진걸 어디에 쓰냐 =원본 데이터는 건드리지 않고 속성을 추가할때. -------------------------------------------------------------- 전역심볼 Symbol.for() 이름이 같으면 같은 객체를 가르켜야할때 1.하나의 심볼만 보장받음 - 없으면 만들고, 있으면 가져오기 때문 2.Symbol은 매번 다른 심볼값을 생성하지만 Symbol.for는 하나를 생성한 뒤 키를 통해 같은 심볼을 공유 const id1=Symb..

자바스크립트가 할 수 있는 DOM의 동적기능 페이지의 모든 HTML, 태그, CSS를 변경 제거 추가 할수있다. 메서드 종류 설명 getElementById('아이디명') 문서객체인 태그의 id값으로 문서객체를 선택함 getElementsByTagName('태그명') 문서객체인 태그명으로 문서객체를 선택함. 태그는 한개만 쓰지 않기 때문 복수인 배열로 선택함. getElementsByClassName('클래스명') 문서객체인 태그의 class값으로 문서객체를 선택함. 클래스명도 역시 한개만 쓰지 않기 때문에 복수인 배열로 선택함 querySelector('CSS선택자') CSS선택자로 문서객체를 직접적으로 선택함, 여러 요소가 한번에 선택될때는 일치되는 첫번째 요소를 반환 querySelectorAll(..

좌-우 상-하 fade 출처- 오쌤의 니가스터디 // https://ossam5.tistory.com/61?category=903385 [웹디자인기능사실기기출문제] 공개2형 초록복지재단 - 2019년 예상문제 - OSSAM강좌 웹디자인기능사 온라인원격강의 모집 https://ossam5.tistory.com/288 웹디자인기능사 실기 2022년 1회차 대비 온라인 원격 강의 모집! ★ 구글 신청 폼 주소! https://docs.google.com/forms/d/e/1FAIpQLScX-Qwq.. ossam5.tistory.com

navigator 속성 종류 설명 appCodeName 브라우저의 코드명을 반환 모든 최신 브라우저는 호환성을 이유로 [Mozilla]를 반환 appName 브라우저의 이름을 반환 IE11, Firefox, Chrome, Safari는 [Netscape]를 반환 IE10이하의 버전은 [Microsoft Internet Explorer]를 반환 Opera는 [Opera]를 반환 appVersion 브라우저의 버전 정보를 반환 cookieEnabled 브라우저에서 쿠키를 사용할지 여부를 지정하는 불표현식(true/false)를 반환 geolocation 사용자의 위치를 찾는데 사용할 수 있는 Geolocation개체를 반환 language 브라우저의 언어버전을 반환 onLine 브라우저가 온라인 또는 오프라..

location 속성 종류 설명 hash hash속성은 url의 해시기호(#)를 포함하여 주소를 설정하거나 반환하는 속성 host host속성은 url의 호스트명과 포트를 설정하거나 반환하는 속성 hostname hostname속성은 url의 호스트명을 설정하거나 반환하는 속성 href href속성은 현재 페이지의 전체 url를 설정하거나 반환하는 속성 origin origin속성은 url의 프로토콜, 호스트명, 포트번호를 반환하는 속성 pathname pathname속성은 url의 경로이름을 설정하거나 반환하는 속성 port port속성은 서버가 url에 사용하는 포트번호를 설정하거나 반환하는 속성 protocol protocol속성은 콜론을 포함하여 현재 url의 프로토콜을 설정하거나 반환하는 속성 ..