Item 24 - 일관성 있는 별칭 사용하기 별칭은 타입스크립트가 타입을 좁히는 것을 방해합니다. 따라서 변수에 별칭을 사용할 때는 일관되게 사용해야 합니다. interface Coordinate { x: number y: number } interface BoundingBox { x: [number, number] y: [number, number] } interface Polygon { exterior: Coordinate[] holes: Coordinate[][] bbox?: BoundingBox } function isPointInPolygon(polygon: Polygon, pt: Coordinate) { const box = polygon.bbox if (polygon.bbox) { if ( ..
Item 23 - 한꺼번에 객체 생성하기 객체를 생성할 때는 속성을 하나씩 추가하기보다는 여러 속성을 포함해서 한꺼번에 생성해야 타입 추론에 유리합니다. interface Point { x: number y: number } const pt: Point = {} // ~~ {} 형식에 x,y 속성이 없습니다. pt.x = 3 pt.y = 4 interface Point { x: number; y: number; } const pt: Point = { x: 3, y: 4, }; pt.x = 4; //정상 console.log(pt.x); // 4 작은 객체들을 조합해서 큰 객체를 만들어야 하는경우 '객체 전개 연산자' ... 를 사용하여 만들자. interface Point { x: number y: nu..
서버 사이드 렌더링(SSR)의 장단점 장점 초기 페이지 로딩 속도가 빠릅니다. SSR은 서버에서 HTML을 생성하여 클라이언트에게 전달하기 때문에, 초기 페이지 로딩 속도가 빠릅니다. 검색 엔진 최적화(SEO)가 용이합니다. 검색 엔진은 HTML을 기반으로 페이지를 색인하므로, SSR을 사용하면 검색 엔진 최적화(SEO)를 용이하게 할 수 있습니다. 단점 서버 부하가 커집니다. SSR은 서버에서 HTML을 생성하기 때문에 서버 부하가 커질 수 있습니다. 개발 속도가 느립니다. SSR은 초기 구성이 복잡하기 때문에 개발 속도가 느릴 수 있습니다. 클라이언트 측 자바스크립트 실행이 필요할 경우, 추가적인 네트워크 트래픽이 발생합니다. 클라이언트 사이드 렌더링(CSR)의 장단점 장점 개발 속도가 빠릅니다. C..
아이템20 - 다른 타입에는 다른 변수 사용하기 let id = "12-34-56" fetchProduct(id) // string 으로 사용 id = 123456; fetchProductBySerialNumber(id) //number 으로 사용 // '123456'형식은 'string' 형식에 할당할 수 없습니다. 타입스크립트는 '12-34-56' 값을 보고 string 으로 추론했기 때문에 number 형식은 할당할 수 없습니다. 여기서 '변수의 값은 바뀔 수 있지만 타입은 보통 바뀌지 않는다'는 중요한 관점을 알 수 있습니다. const id = '12-34-56' fetchProduct(id) const serial = 123456 // OK fetchProductBySerialNumber(se..
