AI 요약관련 정보

• 리액트 환경에서 가짜 데이터를 실제 데이터로 대체하는 과정을 설명 🖼️
• UI를 상단과 하단으로 나누고, 세퍼레이터로 구분하여 레이아웃 구성 ➗
• 작성자 이메일과 생성 날짜를 표시하기 위해 피태그 활용 및 플렉스 속성 적용 📧
• 썸네일 이미지와 제목 영역, 본문 내용 영역으로 UI를 세분화 📑
• 썸네일 이미지 스타일링 및 제목 스타일링 적용 (글자 크기, 폰트 굵기, 줄 수 제한) 🎨
• 반응형 이미지를 고려하여 UI 구조 조정 및 플렉스 속성 활용 🔄
• 데이터 프롭스를 통해 전달받은 데이터를 UI에 바인딩 🔗
• 날짜 포맷팅을 위해 데이js 라이브러리 활용 📅
• JSON 형태의 문자열로 저장된 콘텐츠를 파싱하여 UI에 적용하는 방법 소개 ⚙️
• 콘텐츠 데이터가 배열이 아닐 경우 예외 처리 🚨
• 콘텐츠 내용이 200자를 초과할 경우, 문자열을 자르고 '...'을 추가하여 표시 ✂️
• 날짜를 '몇일 전'과 같은 상대적인 시간으로 표현하는 방법 소개 ⏳
• 최신 글을 먼저 표시하기 위해 날짜 기준으로 배열을 정렬하는 방법 설명 ⬆️
• 솔트 함수를 사용하여 토픽 데이터를 작성된 날짜 기준으로 정렬 🧮
• 다음 강의에서는 토픽 클릭 시 상세 페이지를 구현할 예정 🚀