본문 바로가기

분류 전체보기

 (137)
CSS 선택자 - 가상 클래스 선택자 : child & of-type 가상 클래스 선택자 (Pseudo-Class Selector) - 선택자 뒤에 조건을 추가한 더 디테일한 선택자입니다. - 선택자:[조건] 의 형식으로 작성합니다. first-child /* Pseudo-Class Selector*/ /* Style*/ li{ color: green; } /* 1. first-child */ li:first-child{ color: red; } /* HTML */ Movie List ToyStory Zootopia Inside Out Coco Finding Nemo Cafe Menu Americano Latte Hot Choco > 모든 태그 내에 첫번째 자식태그인 경우 적용된다. last-child > 모든 태그 내에 마지막 자식태그인 경우 적용된다. nth-child..
CSS 선택자 - 속성 선택자 속성 선택자 - 태그 이름 외에 추가적인 정보를 전달할 때 사용되는 선택자 - 속성, 특성을 표시하는데 사용합니다. /* css */ a{ display: block; } /* attr */ a[target]{ color: pink; display: block; } /* attr=value */ a[target="_blank"]{ color: red; display: block; } /* attr^=value */ a[href^="https"]{ font-size: 30px; margin-left: 30px; } /* attr$=value */ a[href$=".net"]{ background-color: yellow; } /* attr_=value */ a[href_="daum"]{ color=sien..
CSS 선택자 - 주요 선택자 CSS 선택자 (CSS selector)란? - 하나의 CSS 규칙을 만들때 어떤 html요소를 선택할 지 정의하는 것입니다. - https://developer.mozilla.org/ko/docs/Learn/CSS/Building_blocks/Selectors CSS 선택자 - Web 개발 학습하기 | MDN CSS 에서, 선택자는 스타일을 지정할 웹 페이지의 HTML 요소를 대상으로 하는 데 사용됩니다. 사용 가능한 다양한 CSS 선택자가 있으며, 스타일을 지정할 요소를 선택할 때 세밀한 정밀도를 허용합 developer.mozilla.org - CSS 스타일링뿐만이 아닌, javascript를 활용하기 위해서도 선택자를 알고있어야 합니다. 자주 사용되는 선택자 - Type Selector /* Ty..
CSS 캐스캐이딩 원칙 스타일 우선순위 - 동일한 스타일이라도 선언된 곳에 따라 우선순위가 정해진다. :: 브라우저에 의해 정의된 스타일 인라인 스타일을 적용을 하면 스타일을 수정할때 매번 인라인된 코드 위치로 가서 고쳐야된다. 이는 코드의 유지보수에 악영항을 끼치게 되므로 인라인 스타일은 필수적인 부분 외에는 지양하는것이 좋다. - 소스코드의 순서가 뒤에 있으면 덮어쓴다 > 맨 처음에 h1을 " color:red; font-size:24px " 로 설정하고, 이후에 h1을 다시 " color:blue "로 설정했다면, color 는 blue로 덮어씌워진다. 스타일 상속 - 부모 요소의 스..
CSS 개요 CSS란? - Cascading Style Sheets - W3C 에 의해 권고안이 작성되며, 현재는 Level 3가 있다. - 다양한 CSS 모듈들이 있으며 모듈별로 버전이 따로 있다. > 웹 버전 별로 모듈별 지원범위가 다를 수 있다. - 폭포수처럼 위에서 아래로 적용된다. CSS의 구조 CSS는 룰 기반(Rule-based)의 언어입니다. 즉, 특정요소, 또는 특정요소들의 집합의 스타일 규칙을 정의하여 사용합니다. h1 { color:red; font-size:12px; } > css 스타일 규칙의 예시 1. 선택자 : 스타일을 지정할 HTML 요소를 선택 2. 선언 블록 : 중괄호 {} 내부의 여러 선언들을 작성 3. 선언 : 속성과 값으로 이루어진쌍, 끝날때마다 세미콜론( ; )을 붙인다. 4...
Git Branch Branch란? - 중심이 되는 버전(Main)에서 복사해 새로운 가지를 만들어 다른 방향으로 작업을 이어나가는 것 > 기준이 되는 버전을 Main 브랜치라고 합니다. 왜 Branch를 사용할까? - 버그나 새로운 기능을 구현할 때, 구현이 완성될 때 까지는 문제가 발생할 수 있으며, 문제 해결이나 새로운 기능구현에 실패할 수도 있습니다.. - Branch를 사용하면 중심 버전에 악영향을 미치거나 문제가 발생하는것을 방지할 수 있습니다. 1. Branch 만들기 $ git branch test - git branch [브랜치 이름] 으로 브랜치를 만들 수 있다. > 이렇게 만든 브랜치는 아직 원격저장소에는 반영되지 않았으며, 해당 브랜치를 push해야 반영됩니다. $ git branch *master t..
Git 사용하기 1. Git 초기화 > git init 입력시 해당 폴더에 .git 파일이 생성됩니다. - .git 폴더에는 커밋과 브런치 내역, 로컬 설정등이 존재한다. > Git 삭제 - 단순하게 .git 폴더를 삭제한다. - mac의 경우 rm -rf.git 을 입력한다. 2. Git repository 연결 > github에 만든 repository에 들어갑니다. > code를 누르고 repository 주소를 복사합니다. git remote add origin [repository 주소] > 이후 연결하고자 하는 폴더에 git remote add origin [복사한 주소] 를 입력합니다. > 주소 붙여넣기는 shift + insert 를 사용하여 붙여넣기할 수 있습니다. $ git remote origin >..
GitHub 시작하기 1. Git 설치하기 https://git-scm.com/downloads Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific exp git-scm.com OS 에 맞게 설치하면 됩니다. 2. Git 사용자 설정하기 & git config --global user.email "kyo..

티스토리툴바