AI 요약관련 정보

• Astro는 콘텐츠 중심 웹사이트 구축에 적합한 프레임워크이며, 정적 및 동적 사이트 모두 지원 🌐
• 서버 사이드 렌더링, 정적 사전 렌더링을 지원하며, React, Angular 등 다른 프레임워크와 통합 가능 ✨
• Astro는 최소한의 클라이언트 측 JavaScript 코드를 사용하여 높은 성능을 제공하며, 필요에 따라 JavaScript 없이도 작동 가능 🚀
• Astro 파일은 HTML++와 유사하며, 서버 사이드 코드를 삽입할 수 있는 특별한 형식을 지원 ⚙️
• 서버 사이드 코드를 사용하여 데이터베이스에 접근하거나 서버에서 계산을 수행할 수 있으며, 결과를 HTML에 포함시켜 클라이언트에 전송 📤
• Astro는 클라이언트 측 JavaScript 코드를 포함하는 두 가지 주요 방법을 제공하며, <script> 태그를 사용하여 JavaScript 코드를 직접 포함하거나, React와 같은 UI 프레임워크를 통합할 수 있음 💡
• Astro를 사용하면 검색 엔진 최적화(SEO)에 유리한 서버에서 완전히 렌더링된 페이지를 제공할 수 있으며, 이는 크롤러가 콘텐츠를 더 쉽게 색인할 수 있도록 함 🔍
• 1 + 1 연산 결과가 브라우저에 2로 표시되지만, 소스 코드에는 1 + 1 이 아닌 2로 나타나 서버에서 연산이 처리되었음을 보여줌 ➕
• 개발 서버에서는 빠른 재로딩을 위해 JavaScript 코드가 주입되지만, 프로덕션 빌드에서는 JavaScript 코드가 제거되어 페이지 로딩 속도를 최적화함 ⚡
• Astro 액션을 통해 폼 제출과 같은 사용자 인터랙션을 처리할 수 있으며, 이를 통해 서버 측에서 데이터를 처리하고 응답을 생성할 수 있음 ✍️