카테고리별 보관: 배움의길 (Week I Learned)

font awesome은 웹 개발에서 아이콘을 사용할 때 유용한 무료 아이콘 라이브러리입니다. 이 라이브러리를 사용하면 다양한 아이콘을 쉽게 웹사이트에 추가할 수 있습니다. font awesome에는 6,000개가 넘는 아이콘이 포함되어 있으며, 이 아이콘들은 CSS 클래스를 통해 쉽게 사용할 수 있습니다.

포지션을 절대 값으로 설정하고, top: 50%와 left: 50%를 사용하여 부모 요소의 가운데로 이동시킵니다. transform: translate(-50%, -50%);는 요소의 중심을 기준으로 좌표를 이동시킵니다. 이렇게 함으로써 텍스트는 수평 및 수직으로 정확히 가운데에 위치하게 됩니다. 이 코드를 사용하여 텍스트를 가운데 정렬할 수 있습니다. 필요에 따라 HTML 요소 및 CSS 선택자를 수정하여 원하는 텍스트를 가운데 정렬할 수 있습니다.

한 화면 단위로 구성된 섹션을 가지고 있습니다. 각 섹션은 .section 클래스로 지정되어 있으며, 각각의 섹션은 전체 화면(100vh)의 높이를 가지고 있습니다. JQuery를 사용하여 스크롤 이벤트를 감지하고, 마우스 휠을 위로 또는 아래로 스크롤할 때 다음 섹션 또는 이전 섹션으로 스크롤 이동하도록 구현되어 있습니다. 스크롤 다운 시 scrollTop을 다음 섹션의 상단 위치로 이동시키고, 스크롤 업 시 scrollTop을 이전 섹션의 상단 위치로 이동시킵니다.