[Next.js] Api활용

생활코딩강의 요약 입니다.

react도 api활용 정리 함 해야하는데.. 조만간 하겠습니다 흑

글 목록 가져오기

fetch를 이용하여 서버의 정보를 가져온다.
topic에 결과를 저장함

글 생성

create 폴더를 생성 후 -> 하위에 page.js를 생성한 상태

제목 : input태그 이용 , 글 본문:textarea이용 , 제출버튼:input태그 이용

클릭 이벤트 추가 !

e.preventDefault -> 이벤트 실행시 기본적인 동작을 막아줌,방지
e.target.title.value ->name이 title인것을 target으로 하는 값을 의미한다

라우터 정의 해주기

이후 post문에 리디액션 문을 추가해줘서 페이지이동하게 함(push 를 사용하네..)