2023.06.04, weekly memoirs

 

 

weekly memoirs

 

 

 

 

---

 

 

 

✅ 공부

 

 

 

 

 

1. 

 

이번 주는 일이 바빠 공부를 거의 하지 못했다 ^_ㅠ

오전에 타입스크립트 스터디 때문에 책을 읽긴 했지만 뭔가 엄청 공부한 느낌은 아닌 거 같다...

 

 

 

 

 

2.

 

next.js 를 잠깐 볼 일이 생겨 들여다보았다.

 

서버 여는 거 공부하다 그만두었었는데

 

절대 경로만 데이터 가져오는 거 가능해서 목데이터는 public 폴더에 두어야하고,,,

page/api 폴더는 서버를 여는 폴더라는 걸... 2시간 삽질 후에 기억이 났다 

 

 

항상 기본이 부족하다는 생각이 참 크게 든다

 

 

 

 

 

 

3.

 

타입의 extends 구문은 도대체 언제 쓰는 것인가

하는 의문이 늘 있었는데

 

크기나 폰트 색깔을 props를 받는 UI를 빼놓을 때 쓰면 좋다는 걸 깨달았다

 

그러니까 카드라는 컴포넌트를 만들 때

 

css-in-js 함수와 이걸 담고 있는 컴포넌트 Props에

각각 타입을 지정해주어야하는데

 

onChange, onClick 같은 이벤트는 css-in-js에서 일어나는 일이 아니기 때문에

컴포넌트에 따로 타입을 넣어주어야한다

 

이때 하나의 interface만 만들어 같이 써도 되지만 (onChange, onClick엔 옵셔널체이닝 추가해서)

이벤트와 ui가 받는 타입은 그래도 분리하는게 가독성면도 그렇고 효율적이지 않을까 싶었다.

 

 

 

그때 사용한게 extends!

이벤트만 넣는 컴포넌트 타입을 따로 만들어서

 

 

interface 컴포넌트 타입 extends. css-in-js 타입 {
	onChange : 온체인지 타입
    	onClick : 온클릭 타입
}

 

 

 

요렇게 쓰면 훨씬 보기 좋고 간편하다고 느꼈다

 

 

 

 

 

✅

 

 

 

파이팅!!!!!!!!!!

건강 챙기며 살아야지ㅣ