AI 요약관련 정보

• Shadcn UI를 활용하여 공통 푸터 컴포넌트 UI를 제작하고 기존 코드를 수정함 🛠️
• 푸터는 시멘틱 태그인 <푸터>로 감싸고, 전체 너비를 꽉 채우는 스타일 적용 📏
• UI는 세로로 배치하며, 큰 UI를 세퍼레이터를 기준으로 두 개의 섹션으로 나눔 ➗
• 첫 번째 섹션은 양쪽 끝에 UI를 배치하고, justify-content: space-between을 사용하여 양 끝으로 밀어냄 ↔️
• 두 번째 섹션은 플렉스 컬럼을 사용하여 세로로 배치하고, 왼쪽 정렬을 위해 align-items: flex-start 적용 ⬅️
• 이용 약관, 개인 정보 처리 방침 등의 텍스트에 호버 시 스타일 변경을 위한 CSS 적용 (커서 변경, 폰트 굵게) 🖱️
• 세로 구분선 <hr>을 추가하여 UI 요소들을 시각적으로 분리 ➱
• H3 태그에 Shadcn UI 스타일을 적용하여 폰트 크기, 굵기, 자간 등을 설정 ✒️
• SNS 아이콘 (유튜브, 쓰레드) 추가 및 링크 연결 (이미지 경로 수정 포함) 🔗
• 푸터 UI의 맥스 너비 및 가운데 정렬을 위해 플렉스 속성 추가 🧮
• 하단 푸터 UI (고객 센터, 사업자 정보 등) 추가 및 스타일링 🏢
• 앱.tsx에 '나만의 토픽 작성' 버튼을 추가하고, 하단에 고정 배치 (fixed 속성 활용) 📌
• 인덱스.css에서 justify-content: center 제거하여 화면이 최상단부터 보이도록 수정 ✅
• 푸터 배경색을 추가하여 메인 콘텐츠와 시각적으로 분리 🎨