728x90 분류 전체보기51 [Spring] 코틀린 Springboot 3.0에서 Querydsl 설정 plugins { id("org.springframework.boot") version "3.1.0" id("io.spring.dependency-management") version "1.1.0" kotlin("jvm") version "1.8.21" kotlin("plugin.spring") version "1.8.21" kotlin("plugin.jpa") version "1.8.21" kotlin("plugin.allopen") version "1.8.21" kotlin("kapt") version "1.8.21" idea } allOpen { // Spring Boot 3.0.0 annotation("jakarta.persistence.Entity") annotation("jakarta.pers.. 2023. 6. 14. [React] 리액트 게시판 만들기 #6 - 페이징과 검색 안녕하세요. 원더제이입니다. 이번 포스팅에서는 게시글 목록의 페이징과 검색 기능을 구현해보도록 하겠습니다. 페이징과 검색 기능 추가 이전 포스팅에서 게시글 목록을 가져올때 pagination 정보도 같이 가지고 오게 작업했습니다. 페이징과 검색을 사용할 수 있도록 소스를 수정합니다. import React, { useEffect, useState } from 'react'; import axios from 'axios'; import { Link, useNavigate } from 'react-router-dom'; const BoardList = () => { const navigate = useNavigate(); const [boardList, setBoardList] = useState([]); .. 2023. 5. 8. [React] 리액트 게시판 만들기 #5 - 게시글 등록, 수정, 삭제 안녕하세요. 원더제이입니다. 지난 포스팅까지 게시판 목록을 조회해서 화면에 출력하는 부분까지 개발했습니다. 이번 포스팅에서는 게시글을 등록하고 수정, 삭제하는 부분을 개발하도록 하겠습니다. 게시글 등록 우선 게시글 목록에서 글쓰기 화면으로 이동할 수 있게 버튼을 추가합니다. /* BoardList.js */ import React, { useEffect, useState } from 'react'; import axios from 'axios'; import { Link, useNavigate } from 'react-router-dom'; const BoardList = () => { const navigate = useNavigate(); const [boardList, setBoardList] = .. 2023. 4. 24. [React] 리액트 게시판 만들기 #4 - 게시글 조회(목록, 상세) 안녕하세요. 원더제이입니다. 이전 포스팅에서 레이아웃을 구성했습니다. 이번 포스팅에서는 게시판 목록 조회 API를 호출해서 화면에 출력해보겠습니다. Axios 설치 API를 호출하기 위해 먼저 axios를 설치하겠습니다. frontend 디렉토리로 이동합니다. cd frontend 패키지 매니저로 yarn을 사용하기 위해 먼저 yarn 을 설치합니다. npm install -g yarn 이어서 axios를 설치합니다. yarn add axios 프론트 개발 서버를 시작하고 정상적으로 부팅되는지 확인합니다. yarn start 이전 포스팅까지 작업했던 내용이 잘 나타나면 이제 게시판 목록을 호출해보겠습니다. 게시판 목록 조회 먼저 axios를 통해 게시판 목록을 조회하는 함수를 생성합니다. /* Board.. 2023. 4. 18. 이전 1 2 3 4 ··· 13 다음 728x90
