Skip to content

Commit

Permalink
README.md 초안
Browse files Browse the repository at this point in the history
  • Loading branch information
hyesung99 authored Sep 27, 2023
1 parent ace7ebf commit a9f0414
Showing 1 changed file with 24 additions and 19 deletions.
43 changes: 24 additions & 19 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,27 +1,32 @@
# React + TypeScript + Vite
![image](https://github.com/prgrms-fe-devcourse/FEDC4_NIRVANA_Gidong/assets/42764685/4e35004d-2fb8-4dd6-a322-aa107d70844d)
## 니르바나
니르바나는 지속적인 자극적 컨텐츠 노출로 인해 생긴 현대인들의 정신적 피로를 명상과 공유를 통해 치유하자는 목적을 가지고 만들어졌습니다.

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

Currently, two official plugins are available:
| Frontend | Frontend | Frontend | Frontend | Frontend |
| :--------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------: |
| <img src="https://avatars.githubusercontent.com/u/80307321?v=4" width=400px alt="조수연"/> | <img src="https://avatars.githubusercontent.com/u/42764685?v=4" width=400px alt="김혜성"/> | <img src="https://avatars.githubusercontent.com/u/65156388?v=4" width=400px alt="박나연"/> | <img src="https://avatars.githubusercontent.com/u/71740032?v=4" width=400px alt="김민재"> | <img src="https://avatars.githubusercontent.com/u/69716992?v=4" width=400px alt="홍창기">
|[조수연](https://github.com/suyeon1218)|[김혜성](https://github.com/hyesung99)|[박나연](https://github.com/nayeon-hub)|[김민재](https://github.com/imb96)|[홍창기](https://github.com/sscoderati) |

- [@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
## TECH STACK

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
<p>
<img src="https://user-images.githubusercontent.com/52682603/138834243-fb74d81e-e90d-4c6a-8793-05df588f59ab.png" alt="react" width=15%>
<img src="https://user-images.githubusercontent.com/52682603/138834262-a7af2293-e398-416d-8dd3-ff5fab8cb80d.png" alt="type_script" width=15%>
<img src="https://user-images.githubusercontent.com/52682603/138835731-e0e727ad-0bd1-44ca-a3b3-98c4d1b89c20.png" alt="react_query" width=15%>
<img src="https://user-images.githubusercontent.com/52682603/138834258-c4b4a706-3a7e-40c8-8a08-c0ac4815d7e0.png" alt="emotion" width=15%>
<img src="https://camo.githubusercontent.com/61e102d7c605ff91efedb9d7e47c1c4a07cef59d3e1da202fd74f4772122ca4e/68747470733a2f2f766974656a732e6465762f6c6f676f2e737667" alt="vite" width=15%>
</p>

- Configure the top-level `parserOptions` property like this:
**Language |** Javascript, Typescript

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

- 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
**Library |** React Router, React Query, Axios, Emotion

**Build |** vite

## DEMO
![image](https://github.com/prgrms-fe-devcourse/FEDC4_NIRVANA_Gidong/assets/42764685/ce12d3fc-88e7-4f38-9df2-d3c02ebb5448)

0 comments on commit a9f0414

Please sign in to comment.