Skip to content

Commit

Permalink
SKRF-120 init : index.html수정 (#3)
Browse files Browse the repository at this point in the history
* feat : favicon파일 추가

* init : index.html 파일 설정

* feat : sort-import 플러그인 설정

* chore : import 컨벤션 맞추기

* chore : readme.md파일 수정

* chore : PR템플릿 수정
  • Loading branch information
hyesung99 authored Oct 22, 2023
1 parent 4d501da commit 1bc7dbb
Show file tree
Hide file tree
Showing 7 changed files with 10 additions and 35 deletions.
2 changes: 0 additions & 2 deletions .github/pull_request_template.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,5 +4,3 @@
- 작업 내용 2

### ✨코멘트

### 📎관련티켓
1 change: 1 addition & 0 deletions .prettierrc
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
"printWidth": 100,
"semi": true,
"bracketSameLine": false,
"plugins": ["@trivago/prettier-plugin-sort-imports"],
"bracketSpacing": true,
"importOrder": [
"^react(.*)",
Expand Down
28 changes: 1 addition & 27 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,27 +1 @@
# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
project: ['./tsconfig.json', './tsconfig.node.json'],
tsconfigRootDir: __dirname,
},
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
# SpaceClub Frontend
6 changes: 3 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<!doctype html>
<html lang="en">
<html lang="ko">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="description" content="대학생 모임 홍보 및 관리 플랫폼 SpaceClub" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React + TS</title>
<title>SpaceClub</title>
</head>
<body>
<div id="root"></div>
Expand Down
Binary file added public/favicon.ico
Binary file not shown.
7 changes: 4 additions & 3 deletions src/main.tsx
Original file line number Diff line number Diff line change
@@ -1,11 +1,12 @@
import { Global, ThemeProvider } from '@emotion/react';

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';

import Theme from '@styles/Theme';
import GlobalStyle from '@styles/GlobalStyle';
import Theme from '@styles/Theme';

import { Global, ThemeProvider } from '@emotion/react';
import App from './App';

ReactDOM.createRoot(document.getElementById('root')!).render(
<React.StrictMode>
Expand Down
1 change: 1 addition & 0 deletions src/styles/emotion.d.ts
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import '@emotion/react';

import Theme from './Theme';

type ThemeType = typeof Theme;
Expand Down

0 comments on commit 1bc7dbb

Please sign in to comment.