디자인 컴포넌트

프롬프트 활용 예시

반응형 웹사이트 푸터를 만들어줘. 좌측에 저작권 표시, 우측에 이용약관·개인정보·문의 링크 3개를 가로 배치하고, 모바일에서는 세로 중앙 정렬로 바뀌게 해줘.

쉬운 설명

웹 페이지 맨 아래에 위치하는 영역입니다. 보통 저작권 표시, 개인정보처리방침 링크, 연락처, SNS 링크 등 보조 정보를 담습니다. 사용자가 페이지 끝까지 스크롤했을 때 다음 행동을 안내하는 역할도 합니다.

흔한 오해

푸터에 중요한 기능(CTA 버튼 등)을 넣으면 사용자가 놓칠 수 있습니다. 또한 푸터를 화면 하단에 고정(sticky footer)하는 것과 페이지 끝에 자연스럽게 위치하는 것은 다른 개념입니다.