3일차 - nav에 사용되는 css

CSS 속성

텍스트 스타일링 및 레이아웃:

• font-weight: 텍스트의 글꼴 두께를 조절합니다.
• line-height: 텍스트의 줄 간격을 설정합니다.
• text-decoration: 텍스트에 밑줄이나 선을 추가합니다.
• letter-spacing: 글자 사이의 간격을 조절합니다.
• text-transform: 텍스트의 대문자 및 소문자 변환을 설정합니다.
• text-shadow: 텍스트에 그림자 효과를 추가합니다.
• white-space: 공백 문자의 처리 방식을 설정합니다.
• word-wrap: 긴 단어의 줄 바꿈을 처리하는 방식을 설정합니다.
• text-overflow: 텍스트가 요소 내에서 넘칠 때의 처리 방식을 설정합니다.

테두리와 박스 모델:

• border: 테두리를 설정합니다.
• border-radius: 테두리의 모서리를 둥글게 만듭니다.
• outline: 요소의 외곽선을 설정합니다.
• box-sizing: 요소의 크기 계산 방법을 지정합니다.

애니메이션 및 변환:

• animation: 요소에 애니메이션 효과를 부여합니다.
• transition: 상태 변화에 따른 부드러운 전환 효과를 설정합니다.
• transform: 요소의 변형(transform)을 설정합니다.

기타:

• position: 요소의 위치 지정 방법을 설정합니다.
• z-index: 요소의 쌓임 순서를 조절합니다.
• cursor: 마우스 커서 모양을 설정합니다.
  • pointer: 마우스 커서 모양을 손가락이 있는 모양으로 설정합니다.

JavaScript 함수

Array.from()

• 배열로 변환하기 위한 메서드입니다.
• 이 함수는 유사 배열 객체나 반복 가능한(iterable) 객체를 배열로 변환합니다.

document.getElementById()

• HTML 문서에서 특정 아이디(id)를 가진 요소를 선택하는 함수입니다.
• 반환값은 해당 아이디를 가진 요소가 됩니다.

clearTimeout()

• setTimeout() 함수로 예약된 타임아웃을 취소하는 함수입니다.
• 타임아웃을 취소하면 이전에 예약한 작업이 실행되지 않습니다.

addEventListener()

• 이벤트 핸들러를 등록하여 특정 이벤트가 발생했을 때 실행되는 함수를 지정합니다.
• 이 함수는 이벤트를 감지하고, 지정된 함수를 실행합니다.

setTimeout()

• 일정 시간이 지난 후에 함수를 실행하도록 예약하는 함수입니다.
• 첫 번째 매개변수로 실행할 함수를, 두 번째 매개변수로 시간(밀리초)을 받습니다.