Project
-
[team-project_종합 게임 사이트 만들기] 게임 별 탭 기능 구현Project/종합 게임 사이트 2023. 10. 22. 20:28
팀 프로젝트 회의 결과 4가지 간단한 게임을 할 수 있는 종합 게임 사이트를 만들기로 하였다. [ 오늘의 작업 과정 ] 1. 전체적인 UI 디자인 2. 상단의 탭을 눌렀을 때 게임별로 보여지는 기능 구현하기 리액트를 사용하였고 탭, 버튼 부분 등은 리액트 부트스트랩을 활용하였다. 1. 게임 시작 화면 구현 (App.js) - useNavigate()를 사용해 버튼 클릭시 게임 화면(/game)으로 넘어가도록 구현했다. 첫 시작 화면은 시작할 때 한번 빼고는 공통으로 자주 쓰일 일이 없다고 판단해 따로 Content() 컴포넌트로 사용하기로 하였다. function Content() { let navigate = useNavigate(); return ( 종합 게임 즐기기 { navigate("/game"..