● 21-06-16, 65일차

웹코딩

• 제이쿼리 좋은 점
  • 함수명이 짦음(코딩명이 짧아진다)
  • 일괄처리 가능(관리자한테 요청하면 됨)
  • 추가 학습을 하지않아도 됨
  • 제이쿼리를 안불러오면 JS에서 document.를 써야함
    • ex.let divs = document.getElementsByTagName('div') →같은 개념 : $함수이름
  • this-학생 $('this')-학생한테 교장을 만듬, 클릭당한 녀석 한명임
• prev() : 인접 형(전, 클릭한 앞의 div) css-'+'
• next() : 인접 동생(후, 클릭한 뒤의 div)
• parent() : 부모
• children() : 자식들 css-'>*(전부다)'
• find('')/('>') : 부모의 후손들 css-'>*'
• siblings() : 형제들(나빼고 다)
  • ex.$this.prev().prev().addClass("active")쓸 수도 있음
• dblclick : 더블클릭
• mouseenter(마우스가 들어올 때) : =hover랑 같은 기능
• toggle
• JS에서 순서가 중요함

큐

• 팝업창만들기
  • 6단계 - 팝업창2개 P, 44강 : (15분)

메모

• position:fixed
  • 원래 위치와 상관없이 위치를 지정
  • 상위 요소에 영향을 받지 않기 때문에 화면이 바뀌더라도 고정된 위치를 설정
  • 브라우저 화면의 상대 위치를 기준으로 위치가 결정
• :active
  • CSS 의사 클래스는 사용자가 활성화한 요소(버튼 등)를 나타냄
  • 마우스를 사용하는 경우, "활성"이란 보통 마우스 버튼을 누르는 순간부터 떼는 시점까지를 의미.
• justify-items : 그리드아이템에 적용

---

• 피그마 : 스타일(디자인 프리셋/폰트, 색상), 오토레이아웃(자동배치기능) - 김서연님
  • 텍스트스타일을 만듬(텍스트 옆에 네모버튼옵션(해제도 같은 방법))
  • 링크가 된 객체들이 한꺼번에 바뀜
  • 레이어의 이름을 한번에 바꿀 수 있음