[TIL] 20230809 - 리액트 타입스크립트 data type/supabase

typescript 에서 계속 되는 오류!

if문을 넣어주거나 했는데

오늘 수업에서 꿀팁!

! 또는 as String 이런식으로 넣어줘도 됨!

또는  todo || [] 이런식도 가능!!!

 

map 함수 돌릴때 오류가 많이 나는데

배열의 타입을 제대로 명시하지 않았거나 잘못되었을때 발생한다.

const a number[] | string[] = []

a.map((item) => console.log(item))

const a = (string | number)[] = []

a.map((item)=>console.log(item))

 

이렇게 명시해주면된다. a는 Array다~~~~

(a as Array<타입명시>).map((item)=> console.log(item))

오늘 선발대 수업은 아주 알찼다 ㅎㅎㅎㅎ

 

superbase 수업이었는데

서버단에서의 변경과 클라이언트단에서의 변경의 차이도 배웠다.

빠르게 수업한 후 아직 복습 전이지만 아주 유용했다 !

서버 컴포넌트의 특징 ⇒ 컴포넌트에 async를 달수 있다

ㅈㅏ바스크립트를 꺼도 잘 보여줌(서버에서만 일어나는 일이기 때문에)

서버형 컴포넌트

클라이언트형 컴포넌트