Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[7주차 기본 과제] 3주차 카드게임 리팩토링 (Recoil, TypeScript) #9

Open
wants to merge 22 commits into
base: main
Choose a base branch
from
Open

[7주차 기본 과제] 3주차 카드게임 리팩토링 (Recoil, TypeScript) #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
df1a2af
feat: 난이도에 따라 카드 개수 다르게 보이기 기능 구현
borimong May 4, 2023
9da325b
feat: 같은 그림 클릭해야 점수 +1 되는 기능
borimong May 5, 2023
be6e941
feat: 이전에 클릭했던 카드는 같은 그림이어도 점수가 올라가지 않게 조치
borimong May 5, 2023
e17541b
feat: data 파일에 id 가 다른 이미지 하드코딩 및 레벨
borimong May 5, 2023
e74b7fb
중간 push
borimong May 5, 2023
590c8bf
fix : cards state를 data로 변경하여 이벤트 감지
Happhee May 5, 2023
1e98aa8
feat: clicked 와 matched 의 변화에 맞추어 css 적용
borimong May 5, 2023
32609ce
feat: css 적용
borimong May 5, 2023
5f3afd3
feat: 카드 짝 맞췄을 때 애니메이션 추가
borimong May 5, 2023
e86e4b2
feat: 모달 포탈을 이용한 모달 구현
borimong May 5, 2023
7bae2c1
docs: 주석 추가
borimong May 5, 2023
63dfb21
docs: 3주차 생각 과제
borimong May 5, 2023
bafa3d4
feat: 같은 함수 두 번 연속 클릭 시 match 되는 문제 해결
borimong May 8, 2023
d7e5eb8
fix: css 가 최신 상태를 반영하지 못하는 문제 해결
borimong May 8, 2023
2bd128f
fix: 레벨별로 게임 종료 카운트 다르게 하기
borimong May 8, 2023
5319f66
refactor: 카드 길이 제한하는 코드 위치 옮기기
borimong May 8, 2023
0433ffe
feat: Header.jsx -> tsx 변환
borimong Jun 9, 2023
457812f
feat: App.tsx 변환
borimong Jun 9, 2023
b804216
feat: Cards.tsx 변환
borimong Jun 9, 2023
434a564
feat: ts 변환 마무리
borimong Jun 10, 2023
23d6465
feat: main.tsx 변환
borimong Jun 10, 2023
7c8c93e
feat: recoil 변환
borimong Jun 10, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 24 additions & 0 deletions week3-ts/cardMatchingGame/.gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
dist
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
1 change: 1 addition & 0 deletions week3-ts/cardMatchingGame/@types/global/index.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
declare module '*.jpg';
14 changes: 14 additions & 0 deletions week3-ts/cardMatchingGame/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>카드 맞추기 게임</title>
</head>
<body>
<div id="root"></div>
<div id="modal-root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
Loading