Skip to content

[2주차] 고주희 미션 제출합니다. #1

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

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

[2주차] 고주희 미션 제출합니다. #1

Show file tree
Hide file tree
Changes from 20 commits
Commits
Show all changes
33 commits
Select commit Hold shift + click to select a range
b1ac074
feat: 기본 파일구조 정의, input hook 및 컴포넌트 생성
ZUITOPIA Sep 2, 2024
5773413
feat: 파일 구조 나누기 전으로 돌리고 전체적인 기능 먼저 한 파일에 구현하기
ZUITOPIA Sep 2, 2024
a4bb4f0
feat: todo에서 done으로, done에서 다시 todo로 갈 수 있게 toggle 버튼으로 변경
ZUITOPIA Sep 2, 2024
c83acb3
feat: 삭제 기능 추가
ZUITOPIA Sep 2, 2024
fb3aea3
feat: 로컬스토리지 값을 관리하는 hook 생성
ZUITOPIA Sep 2, 2024
4ef040f
feat: 반복되는 부분(todo list) 같은 컴포넌트 재사용하도록 수정
ZUITOPIA Sep 2, 2024
4aba320
fix: TodoList는 재사용하는 컴포넌트이므로 Content로 이름 변경 후 shared 폴더로 위치 변경
ZUITOPIA Sep 2, 2024
b2a22d4
style: reset.css 적용, UI 컴포넌트 생성, 스타일 입히기 시작
ZUITOPIA Sep 3, 2024
4229727
style: 스타일 수정 진행중
ZUITOPIA Sep 3, 2024
faaa434
style: 기본 스타일 구현 완료
ZUITOPIA Sep 3, 2024
7cd2a1e
fix: 입력된 할 일이 없을 때 alert 처리
ZUITOPIA Sep 3, 2024
5fc163a
fix: 컴포넌트 이름 import 시 소문자를 대문자로
ZUITOPIA Sep 3, 2024
8e2b311
Merge pull request #1 from ZUITOPIA/zuitopia
ZUITOPIA Sep 3, 2024
c654aaa
feat: styles 폴더 분리
ZUITOPIA Sep 4, 2024
edde4be
Merge branch 'main' of https://github.com/ZUITOPIA/react-todo into main
ZUITOPIA Sep 4, 2024
1c8a149
style: 진행중, 완료 문구 및 위치 수정
ZUITOPIA Sep 4, 2024
687e1bb
style: 사소한 margin 수정
ZUITOPIA Sep 4, 2024
81f27ff
fix: 반복되는 코드 더 간략하게 TaskItem과 Task로 분리
ZUITOPIA Sep 4, 2024
bc91bb8
style: 완료한 todo는 선 그어주는 효과 적용 추가
ZUITOPIA Sep 4, 2024
c7cc678
feat: todo, done 추가할 때 기존 배열의 앞에 추가하여 최신순 정렬처럼 보이게 수정
ZUITOPIA Sep 4, 2024
25f4859
style: 글꼴 수정
ZUITOPIA Sep 4, 2024
d073816
style: 파비콘 변경
ZUITOPIA Sep 4, 2024
52584a1
feat: Task 관련 뷰 묶기
ZUITOPIA Sep 4, 2024
a3cc61b
style: 디자인 수정 및 todo와 done 위치 수정
ZUITOPIA Sep 4, 2024
0208232
style: 아케이드 배경 고정
ZUITOPIA Sep 4, 2024
07a59b1
style: 배경 검정색으로 변경
ZUITOPIA Sep 4, 2024
9f9d6fc
style: 게임 이모지 위치 변경
ZUITOPIA Sep 4, 2024
b02d33f
refactor: 의미 없는 package-lock.json 파일 지우기
ZUITOPIA Sep 5, 2024
32e1632
refactor: 이벤트 핸들러 이름 네이밍 맞춰서 변경하기
ZUITOPIA Sep 5, 2024
7ab005d
refactor: 기존 setState 함수 사용 시 콜백함수 이용하도록 수정
ZUITOPIA Sep 5, 2024
d20fb37
refactor: Task라는 단어는 모두 Todo로 변경
ZUITOPIA Sep 5, 2024
49a62c1
refactor: Todo Header 컴포넌트 분리
ZUITOPIA Sep 5, 2024
d00702e
refactor: reset.css 파일 대신 Global 컴포넌트 이용하기
ZUITOPIA Sep 5, 2024
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
2 changes: 1 addition & 1 deletion .prettierrc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,5 @@
"trailingComma": "es5",
"tabWidth": 2,
"semi": true,
"singleQuote": true
"singleQuote": false
Copy link
Copy Markdown
Contributor

@corinthionia corinthionia Sep 3, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

프리티어 설정 확인해 주세요!

}
13 changes: 7 additions & 6 deletions eslint.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
import js from '@eslint/js'
import globals from 'globals'
import react from 'eslint-plugin-react'
import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh'
import js from '@eslint/js';
import globals from 'globals';
import react from 'eslint-plugin-react';
import reactHooks from 'eslint-plugin-react-hooks';
import reactRefresh from 'eslint-plugin-react-refresh';

export default [
{ ignores: ['dist'] },
Expand Down Expand Up @@ -33,6 +33,7 @@ export default [
'warn',
{ allowConstantExport: true },
],
'react/prop-types': 'off', // prop-types 규칙 비활성화
},
},
]
];
5 changes: 3 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,11 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="stylesheet" href="./reset.css" />
Copy link
Copy Markdown
Contributor

@corinthionia corinthionia Sep 3, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이렇게 작성하는 것보다는 전역적으로 스타일을 적용하고 싶다면 Emotion의 Global 컴포넌트를 이용해 보세요 🙂👍🏻
Emotion - Global Styles

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>React Todo</title>
<title>Tasks</title>
</head>
<body>
<div id="root"></div>
Expand Down
Loading