본문 바로가기

📘TypeScript2

[Next.js] #1 TypeScript로 시작하기 ✔️ 시작하기 전에 React의 작동 방식 react build -> 하나의 JS파일 생성 -> bundle.js가 cilent단에서 DOM을 그림 이러한 방식의 단점은 CSR의 단점이라고도 할 수 있는데 1. bundle.js 파일의 사이즈가 과도하게 커질 수 있다. 2. 사용자가 화면을 보기까지 지연시간이 길어진다. 3. SEO(Search Engine Optimization) 검색엔진에 불리하다. 특히 React는 대표적인 CSR(Client Side Rendefing)방식으로 렌더링하여, 초기 html이 비어있기 때문에 SEO에 좋지 않다. 위 상황들을 간편하게 관리하기 위해서 Next.js 프레임워크를 사용할 수 있다. 🤔 여기서 잠깐 용어 정리를 하고 넘어가자면, SEO 서버에 잇는 웹사이트의.. 2021. 7. 22.

[TypeScript] 타입스크립트란? 기본 공부하기 타입스크립트 자바스크립트를 기반으로 하면서 변수 값의 데이터 타입을 지정하여 예측 가능한 코딩이 가능하게 만든다. JavaScript : dynamic typing 동적 타이핑 언어 TypeScript : 정적타이핑이 목적 => 코드의 타입을 명시적으로 선언하여 컴파일 중 에러가 나지 않고 개발 중에 에러를 발생시키는 장점이 있다. - 객체 지향적인 프로그래밍 - 컴파일 타임의 오류를 잡을 수 있음 - 컴파일 되어야 함 타입스크립트는 자바스크립트 환경에서 실행될 수 없음 브라우저가 타입스크립트를 이해하지 못하기 때문에 자바스크립트로 컴파일 되어야 한다. 타입 추론 타입스크립트에서는 타입표기가 없는 경우 타입을 추론하여 a가 자동으로 숫자가 된다 밑에서 숫자인 a에 문자를 할당하려하니 오류메세지가 뜬다. .. 2021. 5. 30.

이전 1 다음

티스토리툴바