• nextjs 는 npm run dev

• src안에 pages넣어주고 components 폴더 생성

• styles 폴더 내용물도 삭제

• _app 내에 css 임포트 삭제

• map문 콜백함수에 ()를 쓰면 바로 반환하고 {} 를 쓰면 리턴문을 명시해 주어야한다.

  • 즉 () 를 권장한다.

• 배열내 객체에 인터페이스를 정의할 때 인터페이스명[] 를 쓴다

  • 인터페이스에는 각 프로퍼티의 속성을 정의해 주면 된다.

• useState타입 정의는 useState<type>(0) 제네릭을 사용한다.

const OnCurrentTodoChange = (e: ChangeEvent<HTMLInputElement>) => {
const OnTodoSubmit = (e: FormEvent<HTMLFormElement>) => {

넘어오는 이벤트에도 타입을 지정해줘야한다.

FormEvent등은 리액트에서 임포트 해줘야하고 제네릭은 위로 통일

e.preventDefault();

submit 새로고침 방지