타입 호환성 서브 타입 서브 타입(2) 같거나 서브타입인 경우, 할당이 가능하다 → 공변 함수의 매개변수 타입만 같거나 슈퍼타입 경우, 할당 가능하다 ⇒ 반병

만약 어떤 새가 오리처럼 걷고, 헤엄치고, 꽥꽥거리는 소리를 낸다면 나는 그 새를 오리라고 부를 것이다.

컴파일러에게 사용하는 타입을 명시적으로 지정하는 시스템컴파일러가 자동으로 타입을 추론하는 시스템타입을 명시적으로 지정할 수 있다.타입을 명시적으로 지정하지 않으면, 타입스크립트 컴파일러가 자동으로 타입을 추론자신의 코드에서 해당 함수를 사용하는 사용자형태를 정해둔 함수

Javascript에서는 존재하지 않는다.객체의 타입을 정의하고 생김새를 가지도록 할 수 있다.TypeScript에서의 클래스 기능은 C- 일부 기능은 TS에서만 존재하는 고유 문법으로 컴파일 후에 사라진다.extends 가 아닌 impolements 키워드로 구현

Javascript에서는 ES2015의 새로운 문법TypeScript에서의 클래스 기능은 C- 일부 기능은 TS에서만 존재하는 고유 문법으로 컴파일 후에 사라진다.ts getter && setter 사용하는 과정에서 ECMA5이상에서만 지원한다는 에러 발견기본 클래스

불변객체가 아닌 값반환타입은 타입추론이 잘되는 타입이다.특정 타입을 가질 수 있는 특정 값을 리터럴 타입이라고 함.위 처럼 나오는 이유는 let은 재할당 할 수 있기 때문길이 고정 & 인덱스 타입이 고정여러 다른 타입으로 이루어진 배열을 안전하게 관리배열 타입의 길이

pages/posts/id.js 파일 생성lib/posts.jspages/posts/id.jslocalhost:3000/posts/ssg-ssr의 url로 가보면 페이지가 뜨는 것을 확인할 수 있음여기서 신기한 것은 ssg-ssr이나 pre-rendering 페이지를

프로젝트 생성url = http://localhost:3000/posts/first-posturl로 갔을 때 first post를 확인할 수 있는 방법은pages 폴더 안에 posts 폴더 생성 후 first-post.js파일을 생성하면 error 뜨지 않는

Vercel에서 만든 React frameworkVecel은?Vercel은 프런트엔드 개발자를 위한 플랫폼으로, 혁신가가 영감을 얻는 순간에 만드는 데 필요한 속도와 안정성을 제공합니다.프론트엔드 서비스를 배포하고 관리하는 플랫폼을 제공라이브러리를 표방한 React의

clone 받아오기폴더 경로를 start/server로 이동 후 진행server/src/index.jsschema.jsindex.jsserver 경로에서 npm start해줌으로써 실행datasource/launch.jsresolvers를 만들어야한다.resolver

apollo를 활용한 server 구축하기 package.json 파일 생성 root에다가 index.js 파일 생성 index.js 파일에 넣어주면 댐. resolver 리졸버는 apollo 서버에 특정 유형과 관련된 데이터를 가져오는 방법을 알려줌. in

GraphQL GraphQL 은 API를 위한 쿼리 언어이며 타입 시스템을 사용하여 쿼리를 실행하는 서버사이드 런타임입니다. GraphQL은 특정한 데이터베이스나 특정한 스토리지 엔진과 관계되어 있지 않으며 기존 코드와 데이터에 의해 대체됩니다. 쿼리와 결과의 형

https://github.com/graphql/swapi-graphql github 주소에서 프로젝트 받아오기받아온 후 npm install 하고 npm start 실행url에 끝에다가 /graphiql 입력하여 주면 아래와 상태가 된다.어떻게 하여서 이미지

GraphQL이란? Facebook이 만든 쿼리 언어 서버로부터 데이터를 효율적으로 가져오기 위해 주체:웹클라이언트 Rest Api vs GraphQL Rest Api 리소스 모양과 크기는 서버에 의해 결정된다 GraphQL 클라이언트가 필요한 리소스를 요청

React-query 설치하기

SWR "SWR"이라는 이름은 HTTP RFC 5861에 의해 알려진 HTTP 캐시 무효 전략인 stale-while-revalidate에서 유래되었습니다. SWR은 먼저 캐시(스태일)로부터 데이터를 반환한 후, fetch 요청(재검증)을 하고, 최종적으로 최신화된

zustand 설치하기 zustand 시작하기 button click text가 커지는 component 생성 Text.jsx set을 create로 만들어 진 값을 업데이트 할 수 있다.

React에는 다음과 같은 한계가 존재컴포넌트의 상태는 공통된 상위요소까지 끌어올림으로써 공유될 수 있지만, 이 과정에서 거대한 트리가 다시 렌더링되는 효과를 야기하기도 한다.Context는 단일 값만 저장할 수 있으며, 자체 소비자를 가지는 여러 값들의 집합을 담을

store에서 상태를 가진 단방향 상태 관리redux는 flux를 구현해놓은 구현체라고 볼 수 있다.action {type,payload} 존재reducer(state,action) => newStatestore(state lives) created by passing

Mock(모의 데이터)을 만들어서 활용하는 방식통상적으로 data fetch를 해양하는 경우 통신을 통해 응답을 내려주는 서버가 있어야 함.서버가 없는 경우,api 요청으로 내려올 데이터를 프론트에서 모킹하거나서버의 역할을 해주는 무언가가 필요src폴더에 mocks라는