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

docs: Legacy 문서 적용 #17

Merged
merged 1 commit into from
Jun 7, 2024
Merged

docs: Legacy 문서 적용 #17

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
78 changes: 31 additions & 47 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,62 +1,46 @@
# GoogleFormClone
# Google Form 클론코딩

<a alt="Nx logo" href="https://nx.dev" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.png" width="45"></a>
<img src="https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=TypeScript&logoColor=white"> <img src="https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=Vite&logoColor=white"> <img src="https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=React&logoColor=black"> <img src="https://img.shields.io/badge/Redux Tool Kit-764ABC?style=for-the-badge&logo=Redux&logoColor=white"> <img src="https://img.shields.io/badge/Tailwind CSS-06B6D4?style=for-the-badge&logo=TailwindCSS&logoColor=white">

✨ **This workspace has been generated by [Nx, Smart Monorepos · Fast CI.](https://nx.dev)** ✨
개발 인원 : 1명

## Integrate with editors
프로젝트 기간 : 2023.11.18 ~ 2023.11.29

Enhance your Nx experience by installing [Nx Console](https://nx.dev/nx-console) for your favorite editor. Nx Console
provides an interactive UI to view your projects, run tasks, generate code, and more! Available for VSCode, IntelliJ and
comes with a LSP for Vim users.
설명 : 구글 폼 클론 코딩 토이 프로젝트입니다.

## Start the application
배포 링크 : https://mygoogleformclone.netlify.app

Run `npx nx serve googleFormClone` to start the development server. Happy coding!
기능

## Build for production
1. 질문 생성, 삭제, 복제
- 질문 타입
- 단답형
- 장문형
- 객관식
- 체크박스
- 드롭박스
- 필수 여부
2. 제출폼 미리보기
3. 답변 확인하기
4. 반응형 레이아웃 지원
- ~ 767px : 모바일
- 767px ~ 991px : 태블릿
- 992px ~ : 데스크탑

Run `npx nx build googleFormClone` to build the application. The build artifacts are stored in the output directory (e.g. `dist/` or `build/`), ready to be deployed.
<br/>

## Running tasks
## 에디터 화면

To execute tasks with Nx use the following syntax:
![Editor](https://github.com/bh2980/googleFormClone/assets/74360958/726aab02-ce24-49d4-abff-9273d00a1c79)

```
npx nx <target> <project> <...options>
```
| 태블릿 에디터 | 모바일 에디터 |
| -------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------- |
| ![image](https://github.com/bh2980/googleFormClone/assets/74360958/d9bd891b-40d0-4440-9ce4-0eb7fa50663a) | ![image](https://github.com/bh2980/googleFormClone/assets/74360958/56976879-a70b-4af8-8b4d-3b8648dda3ce) |

You can also run multiple targets:
## 미리보기 화면

```
npx nx run-many -t <target1> <target2>
```
![제출폼](https://github.com/bh2980/googleFormClone/assets/74360958/b056ec43-7f05-4997-a047-7e70b4f1ae19)

..or add `-p` to filter specific projects
## 응답 내역 화면

```
npx nx run-many -t <target1> <target2> -p <proj1> <proj2>
```

Targets can be defined in the `package.json` or `projects.json`. Learn more [in the docs](https://nx.dev/features/run-tasks).

## Set up CI!

Nx comes with local caching already built-in (check your `nx.json`). On CI you might want to go a step further.

- [Set up remote caching](https://nx.dev/features/share-your-cache)
- [Set up task distribution across multiple machines](https://nx.dev/nx-cloud/features/distribute-task-execution)
- [Learn more how to setup CI](https://nx.dev/recipes/ci)

## Explore the project graph

Run `npx nx graph` to show the graph of the workspace.
It will show tasks that you can run with Nx.

- [Learn more about Exploring the Project Graph](https://nx.dev/core-features/explore-graph)

## Connect with us!

- [Join the community](https://nx.dev/community)
- [Subscribe to the Nx Youtube Channel](https://www.youtube.com/@nxdevtools)
- [Follow us on Twitter](https://twitter.com/nxdevtools)
![응답내역](https://github.com/bh2980/googleFormClone/assets/74360958/f1b1d62e-49ec-4c6c-ada5-4826e88e6544)
Loading