🎉롤 전적검색 사이트 만들기(4) - DB 구축하기

• ✔ Riot API를 인증
• ✔XMLHttpRequest을 이용해서 Riot API 데이터 파싱
• ✖Express를 이용해서 Front에 데이터 넘기기
• 📝DB설계 및 구축
• 뉴모피즘을 이용하여 사이트 꾸미기

ERD 설계

DB를 제작하기 앞서 ERD로 설계도를 만들기로 하였다.
이것은 내가 만든 ERD이다

워낙 사이트 규모가 작기때문에 테이블계수가 적지만 한명의 유저가 여러개의 게임전적을 가지고 있는 데이터를 어떻게 관리해야하는지 골머리를 썩혔다

결국에는 위에 그림과 같이 각각테이블의 pk를 참조하는 데이터만 있는 테이블은 만들어 Join문을 사용하여 데이터를 꺼내오기로 하였다.

코드 수정하기

connection.query(`SELECT *
                  FROM summonertbl AS J_summonertbl
                  JOIN matchtbl AS J_match
                  ON J_summonertbl.summonerID = J_match.summonerID
                  WHERE J_summonertbl.summonerName = ? 
                  ORDER BY J_match.matchID DESC`,queryData.id,function(err,summonerSelect,fields){
...
if(summonerSelect[0] === undefined){
                              console.log('DB에 값 없음 INSERT 문 실행');
                              
...
}else if(summonerSelect[0].timestamp < new Date().getTime()){
  		console.log('DB에 값은 있지만 저장된 timestamp가 최신값이 아닐때');
  		let matchURL_Key ="https://asia.api.riotgames.com/lol/match/v5/matches/by-puuid/"
                                  +NameObject.puuid+"/ids
                                  ?startTime="+summonerSelect[0].timestamp
                                  +"&start=0&count=5&api_key=APIKEY";
        	console.log('최신데이터만 API로 호출');
  

테이블에 검색한 유저ID가 있는지 체크하고 값이 없으면 그때부터 값을 Insert하는 방식으로 코딩하기로 하였다.

만약 값이있는경우 데이터를 갱신시키기위해 DB에 저장된 timestamp를 기준으로 timestamp이후의 데이터만 API로 긁어오도록 하였다.

값이 없을때 Insert하려면 api를 호출하기때문에 여전히 속도가 느리지만
값이 한번 저장된 데이터를 불러올때는 상당히 속도가 단축되었다는 것을 알 수 있었다.