soso

35. 팀, 에이전트 전체 조회 팀 저장소에 전체 조회 jpa문 작성 package com.example.repository; import java.util.List; import com.example.entity.Team; import org.springframework.data.jpa.repository.JpaRepository; import org.springframework.stereotype.Repository; @Repository public interface TeamRepository extends JpaRepository{ //팀 전체 조회 List findAllByOrderByTeamnoDesc(); } 팀 서비스에 전체 조회 추가 1. TeamService //팀 전체 조회 publi..

34. role 에 따른 메뉴바 수정 현재 로그인 유무 또는 로그인을 user나 admin으로 해도 같은 메뉴바가 노출되고 있다. 그래서 권한(role)과 로그인 유무에 따라 노출되는 메뉴바를 수정한다. 로그인 성공 시 role 정보 전달(백엔드) 1. MemberController - 로그인 수정 //로그인 //127.0.0.1:8080/REST/member/login @RequestMapping(value = "/member/login", method = {RequestMethod.POST}, consumes = MediaType.ALL_VALUE, produces = MediaType.APPLICATION_JSON_VALUE) public Map loginPOST(@RequestBody Member..

33. 팀, 에이전트 등록 9. 팀, 에이전트 등록 연동 등록 페이지 라우터 추가 1. 등록 파일 생성 2. 라우터 추가 2-1. index.js import { createWebHistory, createRouter } from "vue-router"; import Home from '@/components/Home' import Join from '@/components/Join' import Login from '@/components/Login' import Logout from '@/components/Logout' import Registration from '@/components/Registration' const routes = [ {path:'/', name:'Home', compone..

32. 로그아웃 sessionStorage에 저장된 토큰을 제거하는 것으로 로그아웃을 구현한다. 로그아웃 페이지 라우터 추가 1. 로그아웃 파일 생성 2. 라우터 추가 2-1. index.js import { createWebHistory, createRouter } from "vue-router"; import Home from '@/components/Home' import Join from '@/components/Join' import Login from '@/components/Login' import Logout from '@/components/Logout' const routes = [ {path:'/', name:'Home', component:Home}, {path:'/Join', na..

31. 로그인 7. 로그인 연동 로그인 페이지 라우터 추가 1. 로그인 파일 생성 2. 라우터 추가 2-1. index.js import { createWebHistory, createRouter } from "vue-router"; import Home from '@/components/Home' import Join from '@/components/Join' import Login from '@/components/Login' const routes = [ {path:'/', name:'Home', component:Home}, {path:'/Join', name:'Join', component:Join}, {path:'/Login', name:'Login', component:Login}, ] c..

30. 아이디 중복 확인 같은 아이디가 가입 되는 것을 방지하기 위해 중복 확인을 추가한다. 백엔드(spring) member 저장소에 중복 확인 쿼리문 작성 // userid 중복 조회 @Query(value = "SELECT COUNT(USERID) FROM USER WHERE USERID =:userid", nativeQuery = true) public int queryCheckUserid(String userid); member 서비스에 중복 확인 생성 1. MemberService // userid 중복 확인 public int checkUserid(String id); 2. MemberServiceImpl // userid 중복 확인 @Override public int checkUserid..

29. 회원 가입 6. 회원가입 연동 axios 설치 npm install axios --save 회원 가입 페이지 라우터 추가 1. join 파일 생성 2. 라우터 추가 2-1. index.js import { createWebHistory, createRouter } from "vue-router"; import Home from '@/components/Home' import Join from '@/components/Join' const routes = [ {path:'/', name:'Home', component:Home}, {path:'/Join', name:'Join', component:Join}, ] const router = createRouter({ history: createWeb..

28. vue 생성(spring 연동) vue 폴더 생성 1. vue 폴더를 생성할 위치에서 cmd 창 실행 2. 폴더 생성 설정 1. 생성한 vue 실행 2. vue.config.js 생성, spring 연동 module.exports= { //개발 서버 설정 devServer: { //프록시 설정 proxy: { //127.0.0.1:8080/REST '/REST':{ //프록시 요청을 보낸 서버의 주소 target: 'http://localhost:8080', changeOrigin: true, logLevel: 'debug', } }, //vue의 포트 번호 //127.0.0.1:9090 port: 9090 } }; 라우터 설치 * 라우터 : 라우팅(웹 페이지 간 이동방법) 기능을 구현할 수 있게..

27. 선수 조회(포지션) 선수 저장소에 쿼리문 작성 //포지션 별 선수 조회 @Query(value = "SELECT * FROM PLAYER WHERE PLAYERPOSITION = :position", nativeQuery = true) public List queryListPlayerPosition(@Param("position") String position, Pageable pageable); 선수 서비스에 선수 조회 생성 1. PlayerService //포지션 별 선수 조회 public List getPlayerALLposition(String position, Pageable pageable); 2. PlayerServiceImpl //포지션 별 선수 조회 @Override public ..

26. 선수 조회(몸값) 선수 저장소에 쿼리문 작성 //몸값 별 선수 조회(내림차순) @Query(value = "SELECT * FROM PLAYER ORDER BY PLAYERPRICE DESC", nativeQuery = true) public List queryListPlayerDESC(Pageable pageable); //몸값 별 선수 조회(오름차순) @Query(value = "SELECT * FROM PLAYER ORDER BY PLAYERPRICE", nativeQuery = true) public List queryListPlayerASC(Pageable pageable); 선수 서비스에 선수 조회 생성 1. PlayerService //몸값 별 선수 조회(내림차순) public Lis..