일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 세로메뉴바
- 웹퍼블리셔
- 타입스크립트
- 리액트
- react
- 웹디자인기능사실기
- Supabase
- git
- JS
- github
- jQuery
- 깃
- 비전공자
- HTML
- JavaScript
- CSS
- 웹디실기
- 실기
- 슬라이드전환
- 프론트엔드
- 코딩독학
- 자바스크립트
- 웹디자인기능사
- PROJECT
- 연산자
- 코드공유
- 렛츠기릿자바스크립트
- 정보처리기사
- 생활코딩
- web
- Today
- Total
목록세로메뉴 (2)
코딩하는라민

웹디자인기능사 드디어 실기 시험 하루 전. 시험보기 전에 보고 들어갈 것 메모 혹시라도 자동입력이 안 되거나, 잊어버릴 것 같은 부분들을 시험 시작 전에 보려고 정리해놓은 것. 1. html, css 기본 구조 .. @charset "UTF-8"; ... ▶ 혹시라도 자동 입력이 안 될 경우를 대비해서 이 정도는 외워두고자 정리. ▶ 독타입은 html ▶ html 태그에는 lang="ko" ▶ html에는 meta 태그에 charset="UTF-8" ▶ css에 @charset "UTF-8"; 잊어버리지 않기! *{ padding:0; margin:0; box-sizing:border-box; color:#333333; font-family: "맑은 고딕",sans-serif; } a{ text-deco..

CSS, Jquery 세로 메뉴 만들기(서브 메뉴) 1. hover 이벤트 이용해서 세로 메뉴 만들기 $(this).find(".sub_menu") → 내가 뭘 클릭할지 모르기 때문에 find로 찾아준다. → this : 위에서 언급한 것(.header_menu>li) Home 홈 바로가기 Blog 일상 공부 Contact 네이버 티스토리 #quickmenu{ width: 200px; } #quickmenu>li{ width: 200px; line-height: 30px; text-align: center; background-color: pink; margin-right: 5px; } .sub_menu_list{ display: none; } .sub_menu_list li{ background-col..