404 page not found : 기록장

Typescript는 자바스크립트의 상위 집합 언어로, 정적 타입을 지원합니다. 이는 함수 작성과 호출에 있어서 유용한 기능입니다. 함수 작성 방법 Typescript 함수를 작성할 때, 함수의 매개변수와 반환값의 타입을 명시해줍니다. 이를 통해 코드의 가독성을 높이고, 개발자들 간의 협업을 원활하게 할 수 있습니다. 예를 들어, 다음과 같이 add 함수를 작성할 수 있습니다. function add(x: number, y: number): number { return x + y; } 이 함수는 두 개의 number 타입 매개변수를 받아들이고, number 타입 값을 반환합니다. 만약 매개변수의 타입이 잘못 전달된 경우, Typescript에서는 컴파일 에러를 발생시켜 알려줍니다. Typescript 함..

Next.js는 React 기반의 서버사이드 렌더링 프레임워크로, 페이지를 서버에서 렌더링하여 초기 로딩 속도를 개선할 수 있습니다. 이때 getStaticProps와 getServerSideProps는 페이지에서 필요한 데이터를 서버에서 미리 가져와 렌더링하는 방식을 제공합니다. getStaticProps getStaticProps는 빌드 타임에 호출되어 페이지에 필요한 데이터를 미리 가져옵니다. 이후 브라우저에서 해당 페이지를 요청할 때는 서버에서 렌더링된 페이지가 캐시되어 바로 보여지게 됩니다. 이를 사용하면 초기 로딩 속도를 개선할 수 있습니다. 예시 코드: export async function getStaticProps() { const res = await fetch(''); const da..

타입스크립트에서 any와 unknown은 둘 다 타입을 선언할 때 사용되는 키워드입니다. 그러나 두 키워드는 서로 다른 방식으로 작동합니다. Any any는 모든 유형의 값을 나타내는 데 사용됩니다. 이는 변수의 유형이 무엇이든 간에 변수가 어떤 유형의 값을 가질 수 있다는 것을 의미합니다. 따라서 any는 타입 검사를 통과하기 쉽지만, 컴파일러가 타입 검사를 수행하지 않으므로 코드에서 오류를 발생시킬 수 있습니다. let example: any = "hello"; example = 42; example = true; 위 예제에서 example 변수는 문자열, 숫자 또는 boolean 값을 가질 수 있습니다. Unknown unknown은 any와 비슷하지만, 사용하기 전에 유형을 검사해야 합니다. 이는..

TypeScript는 JavaScript의 슈퍼셋으로, 정적 타입 언어입니다. JavaScript와 비교하여 많은 기능을 제공하며, 개발자들이 코드를 더욱 쉽게 유지보수할 수 있도록 도와줍니다. TypeScript를 사용하는 이유는 다음과 같습니다. 1. 코드 유지보수가 쉽다 TypeScript는 정적 타입 언어로, 변수의 타입을 명시적으로 지정할 수 있습니다. 이를 통해 개발자는 런타임 시점에서 발생할 수 있는 에러를 컴파일 시점에서 미리 잡아낼 수 있습니다. 또한 타입 어노테이션을 통해 코드의 가독성을 높이고, 코드를 개선할 수 있습니다. // JavaScript function add(x, y) { return x + y; } // TypeScript function add(x: number, y:..