soso

동기(Synchronous) : 서버에서 요청을 보냈을 때 응답이 돌아와야 다음 동작을 수행할 수 있다. 비동기(Asynchronous) : 응답 상태와 상관없이 다음 동작을 수행할 수 있다. 참조 블로그

깃(Git) 설정 Git Bash 실행 환경설정 git config --global user.name "name" 입력 git config --global user.email "깃허브 가입 이메일" 입력 git config --list 입력해서 설정 확인(name, email)

깃(Git) 설치 깃, 깃허브 차이 깃 - 소스코드를 컴퓨터에서 인터넷으로 올리는 역할 깃허브 - 소스코드를 올리는 공간 깃 설치 1. 깃 다운로드 페이지 접속 https://git-scm.com/downloads 버전에 맞게 다운로드 설치 된 파일을 클릭하여 다운로드 실행 다른 설정은 건드릴 필요 없이 next만 해주면 됨. 참조 사이트 : https://jhnyang.tistory.com/457

51. 팀 별 선수 조회 13. 팀 번호 별 선수 조회 연동 팀 별 선수 조회 페이지 라우터 추가 1. 팀 별 선수 조회 파일 생성 2. 라우터 추가(index.js) 팀 별 선수 조회는 팀 목록에서 해당 팀 이름을 클릭하여 이동하므로 App.vue에는 추가하지 않는다. 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 '@/com..

50. 팀 목록 조회 팀 목록 페이지 라우터 추가 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' import PlayerList from '@/components/PlayerList' import Player_O..

깃허브 repository 설정 변경 기존의 Private로 설정되어 있던 repository를 Public으로 수정하기. 1. 깃허브 접속 후 해당 repository의 settings 이동 2. 하단의 Danger Zone으로 이동 3. 첫 번째 항목 Change repository visibility의 Change visibility 클릭 Make public 클릭 후 하단의 입력창에 입력창 위 굵은 글씨 기입 4. 비밀번호 입력 5. 설정 변경 완료 해당 repository가 public으로 수정된다.

49. 계약(연동) 48. 계약(백엔드 수정) 연동 백엔드 연동 import axios from 'axios'; export default { async created(){ const url = `/REST/scoutone?sno=${this.sno}`; const headers = {"Content-Type":"application/json", token : this.token}; const response = await axios.get(url,{headers}); // console.log(response); this.scout = response.data.scout; this.player = response.data.scout.player; this.agent = response.data.scou..

48. 계약(백엔드 수정) 24. 계약(백엔드) 수정 기존의 계약 코드는 계약은 이루어 지지만 선수 정보가 update 되지 않았다. 그래서 기존의 코드의 순서 및 저장(전달) 방법을 수정하였다. 1. 기존 @RequestBody Contract contract, 를 @ModelAttribute Contract contract, 로 수정 2. 선수 정보 변경을 위해 @ModelAttribute Player player 추가 3. 선수 정보 변경을 먼저 한 뒤 계약이 되도록 순서 변경 코드 수정(ContractController) //계약하기 // 127.0.0.1:8080/REST/contractinsert?sno= @RequestMapping(value = "/contractinsert", method..

47. 계약(화면 구현) 스카우터 목록 1개를 조회한 뒤 해당 선수와 계약한다. 스카우터 목록 1개 조회 페이지 수정 1. 선수 정보 불러오기, 계약하기 버튼 생성(Scout_One) {{sno}} 스카우트 번호 {{scout.scoutno}} 선수 이름 선수 나이 세 선수 몸 값 \ 선수 신장 cm 선수 몸무게 kg 선수 포지션 선수 국적 선수 소속 팀 소속 팀 선택 {{team.teamname}} 선수 에이전트 목록 삭제 계약하기 import axios from 'axios'; export default { async created(){ const url = `/REST/scoutone?sno=${this.sno}`; const headers = {"Content-Type":"application/j..

46. 스카우트 목록 삭제 23. 스카우터 목록 삭제 연동 삭제 버튼 생성 {{sno}} 스카우트 번호 {{scout.scoutno}} 선수 이름 {{playername}} 선수 나이 {{playerage}} 선수 몸 값 {{playerprice}} 목록 삭제 삭제 구현 1. 백엔드 연동 import axios from 'axios'; export default { 더보기 async created(){ const url = `/REST/scoutone?sno=${this.sno}`; const headers = {"Content-Type":"application/json", token : this.token}; const response = await axios.get(url,{headers}); // ..