2024/03 2
-
Next.js ? Next.js는 React 라이브러리의 프레임워크이다. 이를 통한 큰 장점은 plain react앱의 한계를 극복하기 위함인데, 리액트의 단점 중 하나인 취약한 SEO를 위한 SSR 또는 SSG를 가능하게 하기 때문이다. CSR을 하는 리액트의 특성상 SEO에 취약한데, next.js가 pre-reloading을 통해 데이터가 랜더링 된 페이지를 미리 가져오게 해준다. 덕분에 사용자 경험에도 도움이 될 뿐 아니라 SEO까지 장점을 얻을 수 있다. SSR과 CSR까지 혼합해서 사용이 가능한 장점도 있다. 물론, Next.js없이도 SSR구현이 가능하다. 이미 진행된 플젝에서 Next를 중간에 도입하는 경우 비용이 많이 드는 단점이 있어 처음부터 Next를 도입하는 것이 좋다. Next.j..
-
사람이 프로그래밍 언어로 작성을 하면 기계어(컴퓨터가 이해 할 수 있는 언어)로 컴파일 하는 과정이 필요하다. 보통의 컴파일의 과정은 컴파일을 하게 되면, 결국 바이트 코드로 변환이 된다. 컴파일 과정을 보면 JS코드를 AST(추상 문법 트리)로 먼저 변환을 하는데 컴파일러가 이 AST를 바이트 코드로 변환을 하면 컴파일이 종료 된다. 📌보통의 컴파일러 과정 JS > AST > 바이트 코드 > 실행 타입스크립트는 먼저 코드를 AST로 변환 하고, 바이트 코드로 바로 변환하는 것이 아닌 타입검사를 통해 코드상 오류 여부를 확인한다. 검사 실패시 컴파일이 종료되고, 만약 정상코드라면 AST를 JavaScript로 변환 후 컴파일이 종료된다. 이때 타입관련 문법은 사라지고 안전한 JavaScript코드로 변환..