Table of contents

소개

저는 웹 개발 기술을 향상시키기 위해 주로 이 웹사이트를 만들었습니다. 프레임워크를 사용한 최신 웹 개발에 대한 지식을 높이고 싶었고, 다양한 옵션을 조사한 후 Astro 프레임워크를 사용하기로 결정했습니다. Astro를 선택한 이유 중 하나는 JavaScript와 TypeScript로 구축되었기 때문이며, 이 프로젝트를 TypeScript에 대해 더 배우는 기회로도 활용하고 싶었습니다. 궁극적으로 제 목표는 품질 좋은 웹사이트를 구축하고 그 과정에서 타입스크립트를 배우는 것입니다.

Astro.build

https://astro.build/ Astro 프레임워크는 빠르게 로드되는 고성능 웹사이트를 만들기 위해 설계된 비교적 새로운 웹 개발 프레임워크입니다. Astro의 주요 특징 중 하나는 SSR(서버사이드 렌더링)을 사용하여 클라이언트로 보내기 전에 서버에서 웹사이트 콘텐츠의 대부분을 사전 렌더링할 수 있다는 것입니다. 즉, 클라이언트가 콘텐츠를 표시하기 전에 서버가 콘텐츠를 생성할 때까지 기다릴 필요가 없기 때문에 웹사이트 로딩 속도가 훨씬 빨라집니다.

지금까지 Astro 프레임워크로 작업하는 것이 즐거웠습니다. 저 같은 초보자도 사용하기가 매우 쉽습니다. 몇 년 전, 같은 아이디어로 웹사이트를 만들려고 Hugo 프레임워크를 사용해 보았습니다. 하지만 Hugo는 Go 기반이어서, 특히 당시 Go에 대한 경험이 없었기 때문에 작업하기가 훨씬 더 어려웠습니다. JavaScript를 배우는 데 관심이 있었기 때문에 Astro가 저에게 훨씬 더 나은 선택이라는 것을 알게 되었습니다. 웹사이트를 구축하면서 언어를 배울 수 있는 좋은 방법이었습니다.

이제 무엇을?

웹사이트의 기본 기능을 작동시키는 데 성공했습니다. 처음에는 astro-paper 웹사이트 템플릿을 사용했는데 매우 도움이 되었습니다. 그러나 사이트 작업을 약 일주일 한 후 Astro Framework가 버전 2.0을 출시했고, 여기에는 제가 통합하고 싶은 멋진 새 기능이 포함되어 있었습니다. 새 기능을 포함하기 위해 템플릿을 약간 변경했지만 모든 것이 어떻게 작동하는지 완전히 이해하지는 못했습니다. 결과적으로 의도적으로 대부분을 망가뜨리고 블로그 섹션을 처음부터 다시 구축하기 시작했습니다. 블로그는 지금 기능하지만 여전히 수정해야 할 몇 가지 고장난 기능이 있습니다. 이러한 어려움에도 불구하고 이 과정을 통해 많은 것을 배우고 있어서 좋습니다.

할 일 목록

완전히 만족하기 전에 웹사이트를 개선하기 위해 아직 해야 할 일이 몇 가지 있습니다. 이러한 작업을 신속하게 완료하여 단순한 웹사이트 구축을 넘어 다른 프로젝트로 넘어갈 수 있기를 바랍니다.

• 웹사이트의 첫 페이지를 수정하세요.
• About Me 페이지에 콘텐츠를 추가하세요.
• 블로그 게시물의 검색 기능을 수정하세요.
• “태그”에 대한 모든 언급을 제거하세요.
• “카테고리 클라우드” 기능을 추가하세요.
• 적절한 카테고리 페이지를 만드세요.
• 여러 언어에 대한 지원을 추가하세요.
• CSS 스타일링을 개선하세요.
• 웹사이트 전체 콘텐츠를 향상시키세요.