![]()
네이버 카페 등의 게시판을 주로 보면 질문에 대한 답글이 게시되어 있는 기능을 종종 볼 수 있습니다. 이번에는 답글을 달 수 있는 게시판을 제작해 보겠습니다. 단, 간단한 예제를 위해 답글은 1번만 달 수 있도록 제한하고 테이블 설계 및 코딩을 하도록 하겠습니다. 요소 기술 및 테이블 설계는 아래와 같습니다. 요소 기술 : - 프로젝트 키워드 : ReplyBoard - 프론트엔드 : 리액트 & 타입스크립트 - 벡엔드 : 스프링부트 & JPA & Oracle 18xe(Oracle Cloud 19c) 프론트 작업 1) 답변형 게시판 TYPE 정하기 IReplyBoard.ts 파일을 types 폴더에 저장합니다. export default interface IReplyBoard { bid?: any | nul..
![]()
https://devjunyeok.tistory.com/186#3)%20%EB%B6%80%EC%84%9C(Department)%20%EA%B2%8C%EC%8B%9C%ED%8C%90%20%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0-1 front + backend 게시판 CRUD 구현 (1) 안녕하세요 ! :) front + backend 를 통합한 게시판을 생성하는 예제를 만들어보겠습니다. 📖 frontend작업 프론트 작업은 VSCode를 이용하여 프로젝트를 생성하였습니다. frontend 프로젝트는 React + typescri devjunyeok.tistory.com 지난시간에 이어 이번에는 부서 게시판 기능 중 부서 추가 페이지를 생성해보겠습니다 :) 먼저 프론트 프로젝트 작업..
![]()
아래 변수에 값이 있다. isFull 이 true 이면 정원이 가득찼습니다. 아니면 입장할 수 있습니다. 를 출력하세요. import React from "react"; import { useState } from "react"; function E_ComfirmButton_Exam() { let [isFull, setIsFull] = useState(false); const display = () => { setIsFull(true); }; return ( {(isFull === true) ? ( 정원이 가득찼습니다. ) : ( 입장할 수 있습니다. )} ); } export default E_ComfirmButton_Exam; 아래 변수 count 에 9 의 값이 있다. 10을 초과하면 ( count..
