본문 바로가기
728x90
반응형

분류 전체보기304

비주얼 스튜디오 코드 42_ 지도 넣기 카카오맵 들어가서 장소 선택 > 3번째 단추 클릭하면 html 태그복사가있다. 소스생성하기 클릭 > 소스 복사하기 비주얼 스튜디오 코드 html > body에 div class="map" 만들고 그 안에 소스 붙여넣기 한다. mapWidth / mapHeight 로 지도 크기를 수정할 수 있다. 2023. 6. 22.
[JAVASCRIPT]요소 선택하기 자바스크립트는 따로 링크를 걸지 않고 사용할 수 있다. frame 은 section # wrap 안에 있는 article이 들어간 것을 볼 수 있다. querySelector는 하나의 요소를 선택할 수 있다. querySelectorAll 은 여러개의 article을 모두 선택할 수 있다. ● 배열 for() 여러개 복수로 할땐 쿼리셀랙트올 + for문 을 써야 하나하나 방에 값을 뿌려줄 수 있다 querySelectorAll 랑 for문은 세트다 items 아이템이라는 변수에 넣어서 층에 0부터 3번까지 4개의 인데스값을 받으면서 처리한다. 2023. 6. 21.
비주얼 스튜디오 코드 42 _ slick, dots, autoplay ● slick 사이트 : 이벤트 코드를 복사해서 이용할 수 있는 사이트 https://kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io get it now > download now 해서 다운로드를 받는다 두개의 파일을 복사해서 작업하고있는 비주얼 스튜디오 코드 파일에 javascript 파일은 js 파일(새로만들기)에 붙여넣는다. slick.css 는 cs.. 2023. 6. 21.
비주얼 스튜디오 코드 41 _ 패밀리사이트 셀렉트 ● label: 이름을 달아주는 태그 for : label 와 select가 세트라고 알려줌 select > option seleted="selected"지정해서 항상 위에 위치하도록 함 value = "" 밸류값으로 사이트 링크 걸어줌 seleted에 script를 넣어주어야한다. ●onchange= "" Family Map 네이버 다음 구글 네이트 만약 this에 밸류값이 있으면 윈도우를 오픈해줘라 선택한 아이의 밸류값을; 검색사이트 Family Map 네이버 다음 구글 네이트 2023. 6. 21.
[JAVASCRIPT]2. 자바스크립트로 스타일 제어하기 html 골격만들기 css 로 박스 편집 자바스크립트로 박스 스타일 편집하기 박스 변수 지정해주기 style 편집해주기 배경색 변경 border 편집 transform 여백적용 id.style.명령어 = 로 스타일을 편집할 수 있다. 카멜표기법 : 두번째 단어에 대문자를 넣어주는 표기법 ex) fontSize, textAlign 2023. 6. 20.
비주얼 스튜디오 코드 40_ 웹표준) 네비게이션 / 배너 네비게이션 html 골격만들기 전체메뉴는 안보여도 되지만 ir_pm > 이미지를 대체할 때 사용할 때 ir_su : 아무것도 안들어가도 됨 h2에 class ir_su를 넣어서 전체메뉴가 안보이도록한다. 메뉴 만들어주기 css .nav편집 컬러가 있을 때는 padding 을 사용하는 것이 좋다. padding 사용했을 때 margin 사용했을 때 div float 띄우고 부모(nav)에 clearfix 주기 단 나누기 a태그에 마우스 올렸을 때 밑줄 나오게 하기 **reset.css 에서 h3 태그만의 스타일을 지정해주고 html에 class = "h3" 이름만 넣어주면 공통적으로 스타일이들어간다. .tit 편집 css에서 .tit 편집해주기 아이콘 넣어주기 ir_pm 으로 전체메뉴 글씨 없애주기 아래 .. 2023. 6. 20.
728x90

티스토리툴바