일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- JS
- 리액트
- CSS
- 세로메뉴바
- 자바스크립트
- 코딩독학
- github
- 깃
- Supabase
- 렛츠기릿자바스크립트
- 코드공유
- HTML
- 정보처리기사
- 비전공자
- git
- 생활코딩
- jQuery
- react
- 웹디자인기능사실기
- 실기
- 타입스크립트
- 슬라이드전환
- 웹디실기
- 프론트엔드
- JavaScript
- 웹퍼블리셔
- web
- 웹디자인기능사
- 연산자
- PROJECT
- Today
- Total
목록모달창 (2)
코딩하는라민
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cRwdrL/btrQvYcK4Cx/UmOiMhnM8ghWtiVkOOg9gK/img.png)
[웹디자인기능사 독학] JUST 쇼핑몰 제일 먼저 해야할 것 1. 컬러 가이드 확인 → 따로 적어두면 편함 2. 와이어프레임 확인 브라우저 전체 넓이 각 영역 너비&높이 확인 3. 세부사항 확인 로고 사이즈 및 작업 형태 확인 호버 시 ⇒ 하이라이트 슬라이드 형태, 방향, 시간 확인 시험 볼 때 수험자 제공 파일 - 만들어져 있는 이미지를 포토샵으로 사이즈 줄여서 사용 - 제이쿼리 오픈소스 : 복사해서 js 폴더 안에 넣어야 함 기타 확인사항 - CSS, JavaScript → 별도 파일 제작 - 상호작용이 필요한 콘텐츠(로고, 메뉴, Slide, 공지사항, 갤러리 등)는 임시링크 #, Tab 키로 이동 선택할 수 있어야 함 - 전체 레이아웃은 table 태그가 아닌 CSS 를 통한 레이아웃 작업할 것 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/c22BiG/btrMUklbEtw/eCFjlKJkfC5ImkkFbRurDK/img.png)
CSS Jquery 화면 가운데에 모달창 띄우기 1. 모달창 VS 팝업창 - 모달(Modal) : 화면 위에 하나의 작은 화면을 더 만들어 부가적인 일들을 처리할 수 있게 만드는 기능 - 팝업(Popup) : 현재 화면에 다른 화면을 하나의 창(Browser)으로 보여주는 기능 2. 모달창 만들기 - 1단계 - 모달창을 열 버튼 만들기 (본문 영역에 button) - 모달창 안에 내용과 닫기 버튼 만들기 (modal_box 안의 button) - 모달창 바깥 영역을 어둡게 dim 처리 해주기 (modal_bg) Hello Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis quod velit numquam impedit laboriosam fug..