OP.GG 클론하기 - 롤 전적 검색 사이트 만들기 10

이번 글에서는 본격적으로 frontend를 다루도록 하겠습니다. 우선 프론트엔드는 앞에서 보여지고 어쨌든 디자인이기 때문에 사이트 구성에 대한 생각을 해야합니다. simplegg의 기능은 현재 티어, 최근 10게임 승률, 게임 진행중인지를 출력하는 세가지 기능을 가지고 있습니다. 따라서 다음과 같이 페이지 구성을 하겠습니다. 페이지 1) 메인페이지로 소환사 이름을 검색할 수 있음. 페이지 2) 검색한 소환사에 대한 현재 티어, 10게임 승률, 현재 게임 진행중인지 확인 즉 접속했을 때 페이지 1은 다음과 같이 파란색 화면에 소환사 이름을 칠 수 있는 하나의 칸이 있을 예정입니다. 페이지 2는 페이지1의 로고쪽에 다음과 같이 회색바탕으로 소환사를 검색하면 검색한 소환사에 대한 현재 티어, 10게임 승률, ..

2020.10.18