$$config title: 김이홍 공부위키 keywords: - IT - 모음 $$ # 공부 사이트 - [html,css](https://slog.gg/p/1315) - [실무 팁](https://slog.gg/p/2707) - [프로젝트라이언](https://slog.gg/p/3064) - [wow](https://slog.gg/p/3378) - [깃허브 사용법](https://codepen.io/young-yoi/live/KKyBrOz) - [깃-강의](https://cdpn.io/pen/debug/xxPbjNx) - [박병용 강사님](https://to2.kr/buT) - [웹기능사 강의](https://codepen.io/jangka44/live/RwVYNEQ) - [연정-피그마 기초](https://www.youtube.com/watch?v=yJEAZa34bEI&list=PLfrKiHMMe1chZTU89gcXsslf7vld8nodK&index=1) # 2021-11-11, 1일차 ## 크롬 명령어 - Ctrl + W : 탭 다.기 - Ctrl + T : 새탭 열기 - Ctrl + PgUp : 좌측탭으로 이동 - Ctrl + Down : 우측탭으로 이동 - Home : 문서 최상다.으로 이동 - End : 문서 최하다.으로 이동 ## 타이핑 - Ctrl + Z : 이전 히스토리 작업 불러오기 - 최근 몇십개의 작업만 기억 - Ctrl + Y : 이후 히스토리 작업 불러오기 ## HTML, CSS - 엘리먼트는 여는태그와 내용과 다.는태그로 구성된다.. - 태그를 사용하는 이유는, 문서의 각 부분을 구분하기 위해서이다.. - 엘리먼트는 배우이다.. - CSS는 코디이다.. - CSS가 엘리먼트를 찾아가서 꾸며준다.. ## HTML 태그 - DIV, NAV, SECTION, ARTICLE ## HTML 명령어 - rem : 몇배수 - height : 높이 - weight : 넓이 - color : 색 - div+section : 두개 한꺼번에 나옴 - 태그 입력 후 Tab 하면 <> 생성 ## CSS DISPLAY - 기본값은 BLOCK - 가로가 기본으로 최대한으로 잡혀있어서 높이만 지정해주면 생성가능. - 한줄에는 하나만 위치 - `블럭 취급` - INLINE-BLOCK - 주변에 라인 생성, 높이와 넓이 모두가 필요 - 한줄에 여러개 위치 가능 - `텍스트 취급` - block 너비 : 너비가 지정되어있지 않으면, 최대한 늘어난다.. - 높이 : 높이가 지정되어 있지 않으면, 최소한으로 줄어든다.. - 배열방향 : 세로, 한줄에 무조건 1개씩 - inline-block - 너비 : 너비가 지정되어있지 않으면, 최소한 늘어난다.. - 높이 : 높이가 지정되어 있지 않으면, 최소한으로 줄어든다.. - 배열방향 : 가로, 한줄에 최대한 많이 ## Codepen 명령어 - 컨트롤+쉬프트+7 : 우측 화면 새로고침 ---------- ---------- # 2021-11-12, 2일차 ## CSS 관련 - heigt : 기본값은 auto ## RGBA[레드,그린,블루,알파(투명도)] - 구글 : 컬러피커에서 찍고 값 유출 - 각각 255 가지 색상 표현 가능, 알파값은 0~1사이 ## table - `` : 기본 시작 형식 예시 - border 값은 테두리 굵기 - `` : 줄 - tr(row=열)안에 td(데이터=칸)을 배열 - `

` - `` - `` - `` : 기본틀은 이런식으로 th로 쓰고 굵게 나옴. h : head라는 뜻 - `` - `` - `` - `` - `` - `` - `` - `

``
` `