본문 바로가기

기록

 (53)
[새싹x코딩온] 웹 퍼블리싱 과정 2주차 - 2 | CSS - 위치 속성, 배경 속성 position - HTML 문서 상에 요소가 배치되는 방식을 결정 static - 기본값 - 이동할 수가 없다. relative - 요소 자신을 기준으로 배치 - 자기자신을 기준으로 이동한다 - 문서 흐름을 해치지 않는다. absolute - 위치 상 부모 요소를 기준으로 배치 - 부모 위치 기준으로 자리를 잡으려면 부모가 static이 아니면 된다. - 기준이 없을 때는 viewport를 기준으로 이동 - 만약 부모가 static이라면 static이 아닌 요소가 나올 때까지 조상으로 올라간다. - 문서 흐름을 해친다. fixed - viewport를 기준으로 배치 - 스크롤이 되어도 움직이지 않는다. ※ position 속성의 값으로 absolute, fixed가 지정된 요소는 display 속성이 ..
[새싹x코딩온] 웹 퍼블리싱 과정 2주차 - 1 | CSS - 문자 속성, 박스 모델 속성 CSS 가상 클래스 선택자 :first-child - 선택자가 형제 요소 중 첫째라면 선택, 선택자가 첫째가 아니라면 선택이 안됨 :last-child - 선택자가 형제 요소 중 막내라면 선택 :nth-child(n) - 형제 요소 중 (n)째라면 선택 :nth-of-type(n) - 요소 중에 (n)째라면 선택 :not(요소) - 선택한 요소를 제외 CSS 가상 요소 선택자 - 선택 된 요소의 앞, 뒤에 별도의 Content를 삽입하는 선택자 - 반드시 Content라는 속성을 사용 - 빈 값('')이라도 넣어주어야 적용이 됨 - 실제로 의미 없는 HTML 태그를 만들지 않고 요소 삽입이 가능하여 자주 사용 - 예를 들어 쇼핑몰 페이지에 메뉴에 Hot, 추천 등을 넣기 위해 별도의 태그를 삽입하는 것이..
[새싹x코딩온] 웹 퍼블리싱 과정 1주차 - 3 | CSS - table, 선언방식, 선택자 - 표를 만들 때 사용하는 태그 - 표를 감싸는 태그 - 과거에는 테이블을 사용하여 레이아웃을 구성하였으나 기능 상의 한계로 인하여 최근에는 공간 분할 태그인 태그를 사용 - 먼저 행을 쓰고 행의 자식 요소로 칸을 넣어주는 것이 기본 - 표 내부의 행 - 표 내부의 제목 칸 - 행 내부의 일반 칸 속성 border : 테두리 두께 cellspacing : 테두리 간격 사이의 너비 cellpadding : 셀 내부의 간격 align : 테이블 정렬 속성 width와 height : 테이블의 너비와 높이 bgcolor와 bordercolor : 테이블 배경색과 테두리 색 속성 colspan : 해당 칸이 점유하는 열의 수 지정 rowspan : 해당 칸이 점유하는 행의 수 지정 semantic 태그 - HT..
[새싹x코딩온] 웹 퍼블리싱 과정 1주차 - 2 | HTML 태그 태그 - 메타 데이터를 포함하기 위한 태그 - 웹 페이지에 유일하게 존재 - HTML 문서의 title, style, link, script, meta에 대한 데이터로 화면에 표시되지 않음 - 실제 브라우저에 내용을 보여주기 위한 것이 아닌 브라우저 정보를 담고 있음 태그 - HTML 문서의 내용을 담는 태그 - 웹 페이지를 구성하는 대부분의 요소가 body 태그 내에 기술 - 제목을 뜻하는 Heading의 약자, h 사용 - 자동 줄 바꿈 - 하나의 HTML 문서에는 하나의 h1 태그를 권장 - 웹 검색 엔진이 제일 먼저 검색하는 태그 - 본문을 뜻하는 paragraph의 약자, p 사용 - 본문을 적기 위한 태그 - 줄 바꿈 태그 - 순서 없는 목록 태그 ul type의 속성값 disc : 채워진 동..
[새싹x코딩온] 웹 퍼블리싱 과정 1주차 - 1 | Git 1. Git 설치 https://git-scm.com/ Git git-scm.com git 홈페이지에서 다운로드를 하면 된다. 2. GitHub 회원가입 https://github.com/ GitHub: Let’s build from here GitHub is where over 100 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and fea... github.com github 홈페이지에서 회원가입을 한다. 여기서 만든 프로필 이름과 이메일 주소는 git..

티스토리툴바