[CSS][국비교육] Day 41

🔍 Transition 속성

CSS속성이 변화하는 과정을 유지시간동안 서서히 진행되도록 설정하는 속성

설정방식
transition: css-property duration delay timing;
dalay, timing은 생략하는 경우가 많음

➰ 상세 속성값

• transition-property : 적용될 CSS속성을 지정
  • none : 적용 안함
  • all : 모든 속성에 반응하도록 설정
  • CSS property : 해당 속성에 반응하도록 설정
    transition-duration : 속성의 변화가 진행되는 지속 시간
  • s : 초단위
  • ms : 밀리초 단위
• transition-delay : 속성의 변화가 시작되는 시점을 지연시키는 시간
• transition-timing-function : 속성의 변화가 진행되는 과정의 속도를 조절
  • 베지에 곡선을 이용
  • ease(기본값) : 천천히 시작, 빠르게 진행, 천천히 종료
    • ease-in : 천천히 시작, 보통으로 마무리
    • ease-out : 보통으로 시작, 천천히 마무리
    • ease-in-out : 천천히 시작, 보통 진행, 천천히 종료
  • linear : 일정한 속도

🔍 GIT 기본 용어

• Stage : 로컬저장소에서 변경 이력(파일)을 인덱스로 설정하는 작업
• index : commit하기 위해 준비된 파일들
• commit : 로컬저장소에 변경 이력을 기록(저장)하는 작업
• HEAD : 현재 작업중인 상태, 이력(commit id로 설정됨)
• Merge : 두 가지 이상의 이력을 하나로 합치는 작업
• Push : 로컬 저장소의 이력을 원격 저장소로 업로드하는 작업
• Fetch : 원격 저장소의 이력을 로컬 저장소로 다운로드 하는 작업
• Pull : Fetch해서 Merge까지 하는 작업 (Fetch +Merge)

로컬 저장소의 이름 : repository
원격 저장소의 이름 : origin

[Commit]
Working Tree -> 로컬 저장소

[Push]
로컬 저장소 -> 원격 저장소

[원격 Merge]
원격 저장소에 Push된 이력들을 하나로 합치기

[Merge]
Fetch된 사항들을 로컬 저장소에 반영