써보지는 않았지만 새로운 기술에 대해 듣게 되었을때 이게 뭔지 한번 살펴보고 어떤 것인지 제가 생각하는 핵심을 정리해 본 메모를 공유해봅니다. --- Astro https://astro.build

써보지는 않았지만 새로운 기술에 대해 듣게 되었을때 이게 뭔지 한번 살펴보고 어떤 것인지 제가 생각하는 핵심을 정리해 본 메모를 공유해봅니다. --- Astro https://astro.build/ "Build fast websites, faster. Astro is a new kind of static site builder for the modern web. Powerful developer experience meets lightweight output." 카테고리 - 정적 사이트 생성기 (SSG) 차별화된 탁월함 - Partial Hydration! - 특정 프레임워크에 종속되지 않고 각 영역을 각기 다른 컴포넌트로 조합해서 사용할 수 있다. (React, Preact, Svelte, Vue, SolidJS, AlpineJS or Lit 지원) - 심지어 Hydration 방식도 지정이 가능함. client:load, client:idle, client:visible *Hydration: 속도와 SEO(검색 최적화)를 챙기기위해 브라우저가 아니라 서버에서 미리 컴포넌트를 빌드하여 정적인 HTML과 CSS를 먼저 만들어서 보이게 한 뒤 JS를 나중에 적용해서 동적 컴포넌트가 되도록 하는 기법. 수분공급 뭐 이런 뜻인데 물을 주어 생명을 부여한다는 식의 의미를 가짐. 특징 - 정적 사이트 생성에 특화 - 특정 웹 프레임워크에 종속되지 않고 만들 수 있다. - 다양한 웹 프레임워크를 섞을 수도 있다 (MSA에 유리) - 그러면서 빠르고 용량도 작은 결과물을 만든다 - 자동으로 부분 효율적으로 하이드레이션을 해주는데 - 심지어 커스텀도 된다 ex) - 라우터와 마크다운을 기본 옵션으로 제공한다. - 자체 컴포넌트 언어도 가지고 있다. 문법이 아주 심플하다. JSX를 기반으로 하는데 React 문법보다 더 좋다. svelte와 jsx가 섞여있는듯한 느낌을 받았다. - 네틀리파이가 밀어주니까 반짝하고 망하지 않을 듯 싶다. 치명적인 단점!!? - 아직 .astro 파일에 대한 jerbrain에서 IDE 지원안함. (두둥 ㅠㅠ 하지만 청원이 있으니 올라오겠지) VSCODE는 당연히 있다! - 새로운 문법은 언제나 IDE 지원의 벽 - VSCODE 플러그인 다운로드수가 아직 30000대 감상 - 아주 세련된 php시절의 감성이 느껴졌다. 원페이지 서버 스크립트 + HTML + CSS - SSG를 통해 다음과 같은 용도로 쓴다면 써볼만 할 것 같다. * Documentation * Static Blog * 카달로그 * 개인 홈페이지? 이력서 * 청첩장 - 각자 다른 프레임워크를 쓰는 사람들끼리 모여서 사이드 프로젝트를 할때 좋을지도 모르겠다. 백문이 불여일견 끝으로 좋은 영상을 하나 공유합니다 :)