$$config title: 풀이 과정 keywords: - IT - ... $$ # 데이터 베이스 명령어 ```mysql CREATE DATABASE `A3`; // A3 란 데이터 베이스를 생성 USE `A3` // 데이터 베이스를 선택
DELETE FROM (테이블) //보이지않는 데이터는 삭제하지않는다 TRUNCATE (테이블); // 보이지않는 데이터까지 삭제
CREATE USER 'sbsst'@'%' IDENTIFIED BY 'sbs123456'; //계정생성 GRANT ALL PRIVILEGES ON *.* TO 'sbsst'@'%'; //관리자권한 ``` # html CSS 문제풀이 - html 아이템 박스 ```html ``` - css 아이템 박스 ```css a { color:inherit; text-decoration:inherit; } /* 메뉴 박스 */ nav { text-align:center; } /* 메뉴 */ nav > section { background-color:#afafaf; display:inline-block; padding:0 20px; border-radius:10px; } /* 메뉴 아이템 */ nav > section > div { display:inline-block; } /* 메뉴 아이템 텍스트 */ nav > section > div > a { padding:20px; display:block; font-weight:bold; letter-spacing:-1px; } /* 호버된 메뉴 아이템의 텍스트 */ nav > section > div:hover > a { background-color:black; color:white; } ``` - 마진을 이용한 사진 정렬 방법 html ```html

``` - 마진을 이용한 사진 정렬 방법 css ```css body { text-align:center; } div:nth-child(2) { margin-top:20px; } div:nth-child(2) > img:nth-child(2) { margin-left:20px; margin-right:20px; } ``` - BMX 상단바 구현 html ```html

BMX

``` - BMX 상단바 구현 css ```css a { color: black; text-decoration: none; } div { font-size: 7rem; font-weight: bold; text-align: center; letter-spacing: -0.4rem; } nav { text-align: center; font-weight: bold; } nav > section { display: inline-block; width: 120px; } nav > section > a { display: block; } nav > section > a:hover { color: red; } ``` - 이미지 축소 정렬 html ```html

``` - 이미지 축소 정렬 css ```css /* 노말라이즈 */ body,ul,li{ list-style:none; margin:0; padding:0; } a{ text-decoration:none; color:inherit; display:block; } /* 라이브러리 */ img{ width:100%; display:block; } /* 커스텀 */ section{ border:2px solid blue; margin-top:24px; } ul{ --x-gap : 20px; --y-gap : 20px; gap: var(--y-gap) var(--x-gap); --side-width: 1200px; display:flex; flex-wrap:wrap; background-color:red; margin:0 auto; } li{ width:calc(100%/var(--cc) - (var(--x-gap) * (var(--cc)-1))/var(--cc)); } @media (min-width: 800px) { .conbox ul { --cc: 4; } } @media (max-width: 800px) and (min-width: 600px) { .conbox ul { --cc: 3; } } @media (max-width: 600px) and (min-width: 400px) { .conbox ul { --cc: 2; } } @media (max-width: 400px) { .conbox ul { --cc: 1; } } ``` # CSS 노멀라이징 방법 ```css 노멀라이징 body,ul,li{ padding:0; margin: 0; list-style:none; } a{ text-decoration:none; color:inherit; } ```