디스 이즈 프로그래밍

디스 이즈 프로그래밍

  • 분류 전체보기 (145)
    • Programming (122)
      • Java (32)
      • Spring (14)
      • JSP (29)
      • JavaScript (7)
      • JQuery (8)
      • ReactJS (10)
      • HTML (6)
      • SQL (6)
      • Git (3)
      • C (5)
    • Project (6)
      • [Java] PC방 예약 관리 시스템 (4)
      • [Java] Spring 게시판 (0)
      • [Java] Spring Boot - 좌석 관리 .. (2)
      • [Python] WorkPlace 봇 제작 프로젝.. (0)
      • [Cordova] Hybrid App (0)
    • 자격증 공부 (17)
      • 정보처리기사 (16)
    • 여행 (0)
    • 외국어 공부 (0)
    • 기타 (0)
  • 블로그홈
  • 지역로그
  • 태그로그
  • 미디어로그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

디스 이즈 프로그래밍

컨텐츠 검색

태그

nextjs 게시판 Prettier 리액트 프론트엔드 튜토리얼 next.js 타입스크립트 ESLint

최근글

댓글

공지사항

아카이브

게시판(1)

  • [튜토리얼] Next.js 프로젝트 시작하기 4편 (게시판 글쓰기 기능 추가)

    전편에서 게시판 형태의 화면을 만들어 보았다.이번 편에서는 글쓰기 기능을 추가해 새로운 글을 등록할 수 있게 해볼 것이다.일단 해야 할 작업을 간단하게 나열해 보면 다음과 같다. 1) 글쓰기 버튼 추가해 누르면 글쓰기 화면으로 이동하게끔 한다.2) 글쓰기 페이지를 만들고 제출 버튼을 누르면 글쓰기 API를 호출할 수 있게 한다.3) nextjs 기능 중 하나인 API 기능을 활용해 입력값을 받아 새로운 글을 추가할 수 있는 API를 만든다.4) 글쓰기가 성공적으로 완료되면 게시판 화면으로 리다이렉트한다.  1) 글쓰기 버튼 추가해 누르면 글쓰기 화면으로 이동하게끔 한다. 일단 addButton이라는 컴포넌트를 만들었다.한 가지 유의할 점은 코드 상단에 보면 "use client"라는 게 있는데,서버에서 ..

    2024.09.29
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.