CSS12 프론트엔드 - 7. GIT을 이용한 버전관리 1.GIT 컴퓨터 파일의 변경 사항을 추적하고 여러 사용자간의 해당 파일 작업을 조율하기 위한 버전 관리 시스템 2.git에 연결하기 *처음할 때만 하면 되는 것들 git init: 현재 프로젝트에서 버전관리를 하겠다고 선언 git config --global core.autocrlf input *개행문자(줄바꿈 문자)가 윈도우와 맥이 다름 맥은 input, 윈도우는 true ->crlf라는 개념을 운영체제에 맞게 변형하겠다 git config --global user.name ‘Github 이름’ git onfig --global user.email ‘Github 이메일’ git config --global --list : 입력한 이름, 이메일 등을 확인할 수 있음 git status : 파일의 업데이.. 2022. 5. 3. 프론트엔드 - 6. CSS속성 박스모델 글꼴,문자 배경 배치:위치 설정 플렉스(정렬):수평정렬 전환:전상태에서 후상태로 변화하는 애니메이션 효과 변환:요소에 변화를 주는 효과(3D효과 등) 띄움:공중에 띄움. 띄운 요소 주변으로 문자가 쓰여짐 애니메이션: 여러개의 전환. 복잡한 애니메이션 효과 그리드: 행과 열을 만드는 복잡한 레이아웃 구조 다단: 여러 문단 필터: 블러, 그레이스케일, 리버스 등 1. 가로/세로 너비 1)width, height 기본값 auto:브라우저가 너비를 계산 그외 단위 설정 가능(px,em 등의 단위로 지정) -: 인라인 요소, auto로 설정됨 -:블록요소, 기본값 auto일 경우 가로는 최대한, 세로는 최소한으로 사용됨 2)max-width, max-height 기본값 none: 최대 너비 제한 없음 a.. 2022. 4. 28. 프론트엔드 - 5. CSS 기본문법 1. 기본 문법 선택자 {속성: 값;} -선택자: 스타일을 적용할 대상 -속성: 스타일의 종류 -{}: 스타일의 범위 /*주석*/ or cmd+/ 2.CSS선언방식 1) 내장방식 Html 자체에 내장시키는 방식. -장점: 별도의 CSS 파일이 필요하지 않음 -단점: 내용이 많아지면 Html 문서 내에서 관리 힘듬 프로젝트를 번들해서 서버에 올리는 과정에서 컴퓨터가 자동으로 내용을 내장방식으로 심는 경우가 있는데 그런 경우는 상관 없음 자체가 나쁜게 아니라, 내장 방식으로 직접 코드를 입력하는게 좋지는 않음 2)인라인 방식 Html에서 요소의 전역 속성에 style 속성을 추가해 직접 스타일 작성 -단점: 너무 우선하는 내용이기 때문에 CSS로 스타일을 덮어씌울 수 없음 유지보수가 어려워짐 3)링크방식 로.. 2022. 4. 27. 프론트엔드 - 4. HTML 기본문법 1. 기본 문법 Hello HTML~ 내용 ->이 세트 하나를 요소라고 부름 2. 부모, 자식 시작과 종료 태그 사이에는 새로운 요소를 작성할 수 있음 내용 바깥에 있는게 부모 요소, 안에 있는게 자식요소 -부모요소 안의 자식요소는 들여쓰기를 함 -들여쓰기 tab -내어쓰기 shift+tab 내용 -:부모요소 -:상위(조상)요소 부모요소 상위에 있는 모든 것들을 다 상위 요소라고 부름 -하위(후손)요소 어떤 요소의 하위에 있는 모든 것들을 다 하위요소라고 부름 3. 빈 태그 닫는 태그가 없는 태그를 빈 태그라고 함 작성방법 - HTML 1/2/3/4/5 작성하기 편리하지만 빈태그라는 것을 명확하게 인식하지 못하면 헷갈릴 수 있음 - XHTML(엄격한 HTML, HTML 4와 5 사이)/HTML5 태그 종.. 2022. 4. 26. 이전 1 2 3 다음
