next+ts 2일차

깃허브:  https://github.com/qjawns0222/caremaker/tree/2days
유튜브: https://www.youtube.com/watch?v=njrsELImYdo 

오늘은 2일차로 [id]에 오류 나오는거 알아보면서 수정했고 페이지 구성바꾸거 container,component해서 정리정돈도 했습니다.

우선 오류 고친거부터 알아 보겠습니다.

객체 구조 분해할때 데이터 타입을 적을때는 대괄호 두개 써서 적어야된다는 것 발견해서 고쳤습니다.

const id: String = params!.id as String;

이부분 보면 !이거는 undefined라고 하길래 undefined 아니라고 알려주는 역할이고 as는  any로 추정된다고 하길래

무조건 String이라고 알려주는겁니다

그리고 제가 ssd 이렇게 정의했던 것들은GetServerSideProps이런게 있어서 이걸로 대체 했습니다.

하면서 느낀점은  구글은 검색사이트가 아니고 백과사전이다!!!!!!!ㅋㅋㅋㅋㅋㅋ

 

그리고 생각해보니까  젤기본 함수도 일반 function 안되니까 밑에꺼도 에로우function으로 고쳤습니다.

 

페이지 위치도 조금 고쳤는데 make를 밖에 넣는것보다 form마다 만드는 페이지를 따로 해주는게 더 편하고 좋을거 같아서 바껐습니다.  form/index는 어떤폼을 할지 정하는 곳 firstform/index는 해당폼 만드는곳 이렇게 고쳤습니다.

이렇게 해서 데이터 처리부분  html부분을 구분 해주었습니다.