fullstack-study

베리어블 프로토타입  # number      # String

nextjs 배포  배포 테스트 https://92dfba48.aaa-9su.pages.dev/ Create Next App 92dfba48.aaa-9su.pages.dev   1. 프로젝트 생성 npx create-next-app@latest  2. 깃 저장소 만들기 ( 테스트용 ) 3. 프로젝트 생성 저장소 올리기  4. cloudflare 가입 https://www.cloudflare.com/ko-kr/ 모든 곳을 연결하고, 보호하며, 구축합니다복잡성과 비용을 줄이면서 직원, 애플리케이션, 네트워크를 어디에서든 더 빠르고 안전하게 만듭니다.www.cloudflare.com  3. Workers 및 Pages  3. Pages  git 연결   4. 계정에서 사이트 배포  5.   6. 발드 설정 및..

기본 타입 1. unknown모든 타입의 슈퍼 타입으로, 모든 값이 할당될 수 있습니다.타입이 명확하지 않을 때 사용하지만, any와 달리 제한적입니다. 사용하기 전 명확한 타입으로 좁히는 타입 가드가 필요합니다. 2. any모든 타입을 허용하는 타입으로, 타입 검사를 건너뛰는 역할을 합니다.타입 안정성을 낮출 수 있으므로 가능한 사용을 자제하는 것이 좋습니다. 3. 기본 타입들null: null 값만 가질 수 있는 타입입니다.void: 함수가 값을 반환하지 않을 때 주로 사용되는 타입입니다.number: 숫자 타입이며, Number Enum을 포함합니다.bigint: 큰 정수를 표현하는 타입으로, 일반 숫자보다 큰 정수를 다룰 때 사용됩니다.boolean: true 또는 false의 불리언 값을 가지는..

TypeScript란? TypeScript는 Microsoft에서 개발한 오픈 소스 프로그래밍 언어로, JavaScript의 상위 집합(Superset) 입니다. TypeScript는 JavaScript의 모든 기능을 포함하며, 여기에 정적 타입 지정(Static Typing)과 향상된 도구 지원 등의 기능을 추가하여 더 강력하고 안전한 코드 작성이 가능하게 합니다.   TypeScript의  특징 정적 타입 지정 (Static Typing)TypeScript의 가장 큰 특징은 정적 타입을 지원한다는 것입니다. 변수, 함수의 매개변수, 반환 값 등에 타입을 명시하여 컴파일 시점에 타입 오류를 확인할 수 있습니다.예를 들어, 숫자만 받아야 하는 함수에 문자열을 전달하는 실수를 컴파일러가 미리 잡아주기 때문..

Next.js 란 Next.js는 React 기반의 프레임워크로, 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG) 등을 손쉽게 구현할 수 있도록 돕는 도구입니다. Next.js는 다양한 기능을 통해 웹 애플리케이션의 성능 최적화와 개발자 경험을 향상시키며, React를 확장하여 SEO 최적화, 빠른 로딩 속도, 서버와 클라이언트 간의 데이터 통신 간소화 등을 가능하게 합니다. 주요 기능파일 기반 라우팅: pages 폴더 내의 파일 구조만으로 라우팅이 가능해, 별도의 라우터 설정 없이 직관적으로 페이지를 구성할 수 있습니다.서버 사이드 렌더링(SSR): 서버에서 렌더링을 실행하여 초기 페이지 로딩 속도를 빠르게 하고 SEO를 강화합니다.정적 사이트 생성(SSG): 빌드 시점에 페이지를 미리 렌더링..