본문 바로가기 메뉴 바로가기

김기지의 코딩노트

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

김기지의 코딩노트

검색하기 폼
  • 분류 전체보기 (165)
    • 코딩 (159)
      • Next.js (16)
      • 프로젝트 (9)
      • 한 입 크기로 잘라먹는 React.js (2)
      • 한 입 크기로 잘라먹는 타입스크립트 (42)
      • 코드스테이츠 (27)
      • 띵동코딩 (13)
      • 스파르타코딩-웹개발 (15)
      • 코딩노트 (30)
      • Dart (3)
      • Flutter (2)
    • SQL (4)
  • 방명록

데이터요청 (1)
[Next.JS] 데이터 추가, 수정, 삭제

🖥️ 데이터 추가하기 create 버튼을 눌러 /create 페이지로 이동해 title과 body를 작성한다. 1. 입력폼 만들기 // create/page.js export default function Create() { return ( ); } 2. 폼 제출하기 onSubmit 이벤트를 사용해 사용자의 입력을 받아 제출하는 동작을 수행해야한다. => 클라이언트 컴포넌트로 구현 "use client"; title과 body에 입력된 값을 담아 POST 요청을 보낸다. 서버는 json-server로 만든 서버를 사용한다. fetch로 POST 요청을 보낼 때는 options를 추가한다. method headers -> 콘텐츠 타입 정의 body -> 전송할 데이터. 통신 시 string 형태의 JSON..

코딩/Next.js 2024. 2. 1. 00:11
이전 1 다음
이전 다음
최근에 올라온 글
Total
Today
Yesterday
TAG
  • useRef
  • 인증
  • css
  • 프레임워크
  • 티스토리챌린지
  • HTML
  • 로컬 저장소
  • nextjs
  • 프론트엔드
  • 오블완
  • 상태관리
  • git 오류
  • 보안
  • 코드스테이츠
  • styled-component
  • 띵동코딩
  • 웹팩
  • 부트캠프
  • 타입스크립트
  • 자바스크립트
  • 데이터요청
  • React.JS
  • 클론코딩
  • React
  • cdd
  • 개발
  • Next.js
  • javascript
  • 정처기필기
  • 번들링
more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
250x250

Blog is powered by Tistory / Designed by Tistory

티스토리툴바