TIL

• 각각의 branch 유지하며 코드 작성 환경 만들기.(성공)

css selector 의 범위

용어는 MDN을 기준으로 작성하였다.

Universal selector (범용 선택자)

* {}

: html 페이지 내부 모든요소에 같은 css 속성을 적용한다.

type selector (Type 선택자)

h1 {  }

지정된 타입에 적용한다(tag)

Class selector (Class 선택자)

.box {  }

지정된 클래스에 적용한다.

id selector (id 선택자)

#unique { }

지정된 id에 적용한다.

Attribute selector (속성 선택자)

a[title] {  }

지정된 속성이 포함된 요소를 선택함(예시 title이 포함된 a를 선택)

Descendant combinator (하위 결합자)

article p

article아래의 모든 p를 선택한다.

Child combinator (자식 결합자)

article > p

article 바로 아래의 p를 선택한다.

Adjacent sibling combinator (인접 형제 결합자)

h1 + p

h1을 뒤따르는 p를 선택(중간에 다른요소 있으면 선택하지않음)

General sibling combinator (일반 형제 결합자)

h1 ~ p

p앞에 h1이 존재하면 p를 선택함.

Pseudo-class selectors (Pseudo-class 선택자)

p:first-child { }

Pseudo-element selectors (Pseudo-element 선택자)

p::first-line { }

---

오늘은...

오피스 아워 이후 개인 koans 그리고 스프린트 리뷰 가졌다. vs 코드로 새로운 브랜치 생성 및 기초적인 개발 환경을 만들었다. 계산기의 입력 값 저장 방식을 문자열에서 배열로 수정 하기 위해 전방적인 틀변경을 시도하였다.기존방식의 결과는 마스터와 테스트 브랜치에 남기고 develop_vs 라는 브랜치에서 작업을 수행하였으며 대부분의 기능을 활성화 하였다. 작동에있어 세부적인 조절이 필요하며 여러 충돌상황에대해 테스트와 검토가 필요하다.