API 로 호출한 값을 실제 화면에서 확인 해보기

앞서 Postman을 써보고 싶은데 제대로 쏠만한 API 가 없어서 못해본 사람들을 위해
맹그러본 얍얍 API MVP 버전을 다시 업데이트 해봄

https://passorfail.tistory.com/186

 

로컬에서 게시판서버로 Postman 테스트 해보기

Server 주요 정보실행 OSmac OS (windows 확인 안함)java version17 (sdk17)databaseh2 (file-base mode)filenameboard-server-jdk17-v0.01.jarAPI Return Typejsonheader authenticationno (인증 절차 없음)FunctionCreate, ReadURL Info & Samplemethod : p

passorfail.tistory.com

작업시간은 궁상떠는 시간 포함 해서 1day 정도...
이번에는 CRUD 기능을 모두 추가 두었음

기존에 없던 Update, Delete 기능을 추가 했고,
아직 API 가 어려운 사람들을 위해서 브라우저 화면에서도 확인 하기 좋게 웹페이지 형태로도 구현해 놓음

맞는지는 모르겠지만 원활한 조회를 위해서 Controller를 브라우져용, API 호출용 2개로 
각각 나눠서 만들어 놓음

스크린샷 2025-04-08 오전 2.14.49.png

Pass or Fail 유한회사의 사내 게시판임 ㅎㅎㅎ
일단은 전체 리스트를 출력해주는 화면, 제목을 선택하면, 상세화면으로 이동

전체리스트에서는 게시글 생성, 이전, 다음 버튼 등을 사용 할 수 있고,
버튼 아래에는 페이지 상태를 확인 할 수 있음

상세페이지로 가면 글 수정, 삭제 기능을 사용 할 수 있음

스크린샷 2025-04-08 오전 2.18.01.png

API로 호출하는 기능은 정보에 바다에서 검색해서 연습 해보시면 되고...

주요수정 사항은 아래에...

  • page navigation 기능 삽입
  • file-base 형태로 h2 db 생성
  • RESTful API의 CRUD 기능 확인 가능
  • API 기능 사용 후 웹페이지에서 동작 확인 가능
  • 80 포트로 URL에서 포트 번호 제거
    • ex) http://localhost:8282/api/board/list (X)      http://localhost/api/board/list (O)
GET (getBoardList) : localhost/api/board/list
GET (getBarodListByPage&Size) : localhost/api/board/list?page=2&size=10
GET (getBoardDetailById) : localhost/api/board/list/7
POST (addNewBoard) : localhost:8282/api/board/
PUT (updateBoardById) : localhost/api/board/update/6
DELETE (deleteBoardById) : localhost:8282/api/board/list/9

드디어 0 을 없엔 v.1 시리즈 출시!!
아쉽지만 아직까진 Mac version 만... ㅎㅎ
jdk17, 21 둘 중에 입맛에 맡는 놈으로 골라서 테스트 하시길

jdk17 버전

 

board-server-jdk17-v.1.0.0.jar

 

drive.google.com

jdk21 버전

 

board-server-jdk21-v.1.0.0.jar

 

drive.google.com