{"id":23569360,"url":"https://github.com/1gyou1/subway-game","last_synced_at":"2026-05-03T21:34:45.790Z","repository":{"id":204690864,"uuid":"709583277","full_name":"1GYOU1/subway-game","owner":"1GYOU1","description":null,"archived":false,"fork":false,"pushed_at":"2024-01-13T15:42:03.000Z","size":7198,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-13T08:46:55.725Z","etag":null,"topics":["api","async-await","react-router-dom","reactjs","usenavigate-hook","useparams-hook"],"latest_commit_sha":null,"homepage":"https://1gyou1.github.io/subway-game/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/1GYOU1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-10-25T01:24:37.000Z","updated_at":"2024-05-10T15:30:48.000Z","dependencies_parsed_at":"2025-05-16T08:44:29.473Z","dependency_job_id":null,"html_url":"https://github.com/1GYOU1/subway-game","commit_stats":null,"previous_names":["1gyou1/subway-game"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/1GYOU1/subway-game","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1GYOU1%2Fsubway-game","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1GYOU1%2Fsubway-game/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1GYOU1%2Fsubway-game/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1GYOU1%2Fsubway-game/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/1GYOU1","download_url":"https://codeload.github.com/1GYOU1/subway-game/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1GYOU1%2Fsubway-game/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32586187,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","async-await","react-router-dom","reactjs","usenavigate-hook","useparams-hook"],"created_at":"2024-12-26T19:14:03.754Z","updated_at":"2026-05-03T21:34:45.774Z","avatar_url":"https://github.com/1GYOU1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# subway-game\n\n- 2023년 11월 진행\n- React.js 라이브러리, 지하철 노선도 API를 사용하여 지하철 랜덤 호선 맞추기 게임 구현\n\n\u003cbr\u003e\n\n### 👀 MainPage View\n\n![지하철_1](https://github.com/1GYOU1/subway-game/assets/90018379/ed896173-a40d-4896-aaf7-31112f4cd183)\n![지하철_2](https://github.com/1GYOU1/subway-game/assets/90018379/61408d90-1f91-46ff-963a-41ad63588d21)\n![지하철_3](https://github.com/1GYOU1/subway-game/assets/90018379/4851c520-d564-463e-b414-59d7ba9bd087)\n![지하철_4](https://github.com/1GYOU1/subway-game/assets/90018379/ccc09b0e-d79d-4500-ad5f-152f9a44e16e)\n![지하철_5](https://github.com/1GYOU1/subway-game/assets/90018379/c94ff9f5-9094-42bd-a98c-63d903e8a3d2)\n\n\n\n\u003cbr\u003e\n\n### 📌 주요 기술 스택\n\u003cimg src=\"https://img.shields.io/badge/HTML5-E34F26?style=flat-square\u0026logo=HTML5\u0026logoColor=white\"/\u003e\n\u003cimg src=\"https://img.shields.io/badge/CSS3-F68212?style=flat-square\u0026logo=CSS3\u0026logoColor=white\"/\u003e\n\u003cimg src=\"https://img.shields.io/badge/JavaScript-F7DF1E?style=flat-square\u0026logo=JavaScript\u0026logoColor=white\"/\u003e\n\u003cimg src=\"https://img.shields.io/badge/React-61DAFB?style=flat-square\u0026logo=React\u0026logoColor=white\"/\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/Adobe Photoshop-31A8FF?style=flat-square\u0026logo=Adobe Photoshop\u0026logoColor=white\"/\u003e\n\u003cimg src=\"https://img.shields.io/badge/Adobe Illustrator-FF9A00?style=flat-square\u0026logo=Adobe Illustrator\u0026logoColor=white\"/\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/Visual Studio Code-007ACC?style=flat-square\u0026logo=Visual Studio Code\u0026logoColor=white\"/\u003e\n\n\u003cbr\u003e\n\n### 📌 주요 기능\n- 인트로 애니메이션\n- 지하철 노선도 API\n- 숫자 랜덤 노출\n- 타이머\n- 정답, 오답, 중복 체크\n\u003cbr\u003e\n\n### Github Pages\nhttps://1gyou1.github.io/subway-game/\n\n\u003cbr\u003e\n\n### 프로젝트 진행 과정\n\n1. \u003cdetails\u003e\n    \u003csummary\u003e프로젝트 기획/구상\u003c/summary\u003e \n\n    ![ppt1](https://github.com/1GYOU1/subway-game/assets/90018379/a6a40a13-4f5e-493f-baa6-61316b1da202)\n    ![ppt3](https://github.com/1GYOU1/subway-game/assets/90018379/fdfd46c4-7d2e-44c1-9034-797a920ed689)\n    ![ppt4](https://github.com/1GYOU1/subway-game/assets/90018379/5ea033e1-5eb5-4303-9d98-2303e2265185)\n    ![ppt5](https://github.com/1GYOU1/subway-game/assets/90018379/cc6f0e67-982f-4249-9bcd-a0bcccb67b8e)\n    ![ppt7](https://github.com/1GYOU1/subway-game/assets/90018379/a5bb4dc3-98dc-4919-acbb-c4ee205ccc9c)\n    ![ppt8](https://github.com/1GYOU1/subway-game/assets/90018379/488a3dba-d184-4f4c-af49-70492c1f1fd4)\n    ![ppt9](https://github.com/1GYOU1/subway-game/assets/90018379/f1ec9668-e10b-42e5-bde6-ca380c45681e)\n    ![ppt10](https://github.com/1GYOU1/subway-game/assets/90018379/36a1e7d2-b094-4c93-8b7d-0c0df4727cf2)\n    ![ppt11](https://github.com/1GYOU1/subway-game/assets/90018379/1a7a00e8-409a-44f5-896f-c91056023ab2)\n    ![ppt12](https://github.com/1GYOU1/subway-game/assets/90018379/a40c6ed0-96a1-426f-bb32-a05a7c6b475c)\n    ![ppt13](https://github.com/1GYOU1/subway-game/assets/90018379/3ec6bd75-2319-4dba-aa91-4778ddbe1ad1)\n    ![ppt14](https://github.com/1GYOU1/subway-game/assets/90018379/9c85156a-b21f-4817-a689-f28e2e498f98)\n    ![ppt15](https://github.com/1GYOU1/subway-game/assets/90018379/90b467ab-00a7-4ff7-9ee0-2854ef56c62f)\n    ![ppt16](https://github.com/1GYOU1/subway-game/assets/90018379/91e78bb8-298e-4f27-8f71-72013354ba19)\n\n    \u003c/details\u003e\n\n2. 프로젝트 설치, 개발 환경 세팅\n3. 인트로 애니메이션 구현\n4. 게임 시작, 방법 화면 구현\n5. 체크박스로 노선 선택해서 선택한 노선만 랜덤 호출 (Select.js)\n    \u003cbr\u003eㄴ 처음 게임 옵션은 1, 2, 3, 4호선 중에 선택하여 랜덤\n    \u003cbr\u003eㄴ 업그레이드 버전은 1, 2, 3, 4, 5, 6, 7, 8, 9호선 모두 랜덤 고정\n6. 0 ~ 4중에 랜덤으로 숫자 노출 \n    ㄴ한 문제마다 랜덤 돌리기\n    \u003cbr\u003eㄴ Select 컴포넌트에서 선택한 호선 배열로 가져오고 index 랜덤으로 돌려서 출력\n7. api 맨 처음 한번만 가져오기. ex - {['01호선', '평택역']}\n    \u003cbr\u003eㄴ 필요한 형태로 가져오기{{ LINE_NUM, STATION_NM }, [1, 평택], [1, 금정]}\n    \u003cbr\u003eㄴ 서울역 예외처리 - 데이터가 '서울'이 아닌 '서울역'으로 되어있어서 수정 필요.\n8. input (정답 칸에)입력 텍스트 받아오기\n    ㄴ입력한 값 useState에 넣고(inputValue) 특수문자, 영어, 숫자 입력 제한\n9. input에 답안 입력 후 엔터키, 클릭 시 제출, 초기화\n    \u003cbr\u003eㄴ 자동 input focus\n10. 제출한 입력값이 api 요소의 호선(0번째 배열 요소값), 역 이름(1번째 배열 요소값)이 비교\n    \u003cbr\u003eㄴ 맞으면 원본배열에서 삭제, 내 맞춘 답안 정답 배열 setCorrect에 넣기\n    \u003cbr\u003eㄴ 같은 역이름을 가진 다른 호선 배열 값도 삭제(중복 체크), 내 맞춘 답안 정답 배열 setCorrect에 넣기\n    \u003cbr\u003eㄴ 이미 정답 배열에 있는 값이라면 중복 이미지 노출 \n11. 정답, 오답, 중복 이미지 노출\n    \u003cbr\u003eㄴ 정답, 오답, 중복이면 다음 문제 노출\n    \u003cbr\u003eㄴ 정답이면 quizCount++ (퀴즈 타이틀 숫자 + 1)\n    \u003cbr\u003eㄴ 정답이면 myScore 점수 올리기 (한 문제당 + 10)\n12. 최대 10문제 진행 quizCount++\n13. 타이머기능 10초 -\u003e 10초 지나면 게임 오버. (결과 페이지로)\n14. 새로 고침 방지\n15. 결과 값 params로 전달\n16. 결과 페이지 노출 (상, 중, 하)\n17. Next stage\n    \u003cbr\u003eㄴ nextStage intro.js\n    \u003cbr\u003eㄴ nextStage Go.js\n    \u003cbr\u003eㄴ 1~9호선 랜덤 노출\n    \u003cbr\u003eㄴ 5초 안에 맞추기\n18. nextStage에서 게임오버하면 nextStage로 재시작 버튼 생성\n    \u003cbr\u003eㄴ 처음부터 버튼도 생성\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F1gyou1%2Fsubway-game","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F1gyou1%2Fsubway-game","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F1gyou1%2Fsubway-game/lists"}