TypeScript 썸네일형 리스트형 Next.js 사용하기 React는 라이브러리이며, 서버로부터 데이터를 받아와 브라우저에서 실시간으로 HTML을 만드는 Client Side Rendering 방식이다. 이러한 방식은 구글 검색 노출에 오랜 시간이 소요되고, 첫 페이지 로딩 속도가 느리다는 단점이 있다. 반면에, Next.js는 풀스택 프레임워크이며, 프론트엔드(React 문법)랑 백엔드를 모두 개발할 수 있다. 또한, Server Side Rendering 방식으로 모든 정보가 담긴 HTML을 서버가 만들어서 전송해 준다. 💬 React는 라이브러리로 우리가 모든 것을 직접 생성하고 설정해주어야 했지만, Next에서는 이미 만들어져 있어 Next 규칙에 따라 코드만 작성하면 된다. 💬 Next.js는 React 문법을 사용해서 웹 페이지를 제작한다. 장점 ◼.. 더보기 TypeScript 사용하기 /* JavaScript */ 10 - '1' // 9 (Dynamic Typing) /* TypeScript */ 10 - '1' // 컴파일 시점에 에러로 출력 ◼ JavaScript는 타입에 관련된 에러를 런타임 시점에 확인할 수 있다. 이러한 문제점을 개선하기 위해서 TypeScript가 나왔다. ◼ 즉, TypeScript는 JavaScript + Type 문법으로 JavaScript에 타입에 대한 내용을 확장시킨 언어이다. ◼ 컴파일 시점에 타입에 관련된 에러를 보여주기 때문에, 버그를 방지할 수 있다. 프로젝트에 적용하기 ✔ 별다른 라이브러리 없이 사용하기 ◼ nodejs 설치하기 ◼ npm install -g typescript 명령어로 설치한다. { "compilerOptions": { .. 더보기 이전 1 다음
