출첵도우미 - 토이 프로젝트 - 02

타입스크립트를 사용하는 것은 익숙하면서도 뭔가 자꾸 에러가 툭툭 나오는 이상한 경험이다. C# 할 때 처럼 타입 지정하면 다 끝인 것 같지만 그로 인해 js에서 쓰던 문법에 약간의 변화가 생겼다. map 함수가 그런데, 이전이면

 

배열.map((item)=>함수 뭐시기뭐시기)

 

구조로 돌아갔다면 타입 스크립트에서는

 

배열.map((group, index)=>함수 뭐시기뭐시기)

 

구조로 돌려야 키 설정 문제에서 자유롭다. 후자도 js에서 쓰긴 하지만 솔직히 대부분 전자 방식 쓰잖아, 안 그래? 여하튼. 그렇게 가져온 값을 돌리는데 생각해보니 조교 별로 화면을 볼 수 있어야하지 않나 싶다. 라디오 버튼을 추가할까 생각했지만 useState와 component의 props 넘기기가 또 말썽이었다.

js는 진짜 가라 투성이인 언어였고, 난 이 언어에 너무 익숙해진 것이 아닌가 싶다. 그냥 props로 뭉쳐서 보내면 되던 기존 방식에서, interface로 보내거나 타입을 확정짓고 받아와야하는데 일단 안 써본 interface 방식으로 시도해보았다.

 

 

그 외에 이것저것 추가하고, 이전 프로젝트에서 했던 것들을 긁어와서(이럴 상황에 대비해 모듈화 시킨 컴포넌트들) 출첵 확인기를 만들기는 했다. 아쉬운 점은, 당장 이 모양새로는 TODO 리스트 만드는 수준하고 사실상 똑같다는 것이다. 배열 관리 좀 하고.....다음 편에서 뭔가 좀 더 추가해봐야겠다