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.

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

[7주차] TherapEase 과제 제출합니다. #7

Open
wants to merge 33 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
33 commits
Select commit Hold shift + click to select a range
7f0f935
init project
flowersayo Jun 13, 2023
2c4a0c5
docs: 커밋 템플릿 생성
Gaeun-Kwon Jun 13, 2023
797d157
feat: 프로젝트 초기 세팅
Gaeun-Kwon Jun 13, 2023
da58cf2
docs: 이슈 템플릿 생성
Gaeun-Kwon Jun 13, 2023
6cb4bfe
feat: 라우팅 수정
Gaeun-Kwon Jun 13, 2023
a954685
Merge branch 'main' of https://github.com/TherapEase-CEOS/react-vote-…
Gaeun-Kwon Jun 13, 2023
0423a52
fix : add React dependency
flowersayo Jun 16, 2023
ca4c396
feat: Header 컴포넌트 생성 및 라우팅 변경 (#6)
Gaeun-Kwon Jun 18, 2023
858cb99
feat: Layout 사이즈 설정
Gaeun-Kwon Jun 18, 2023
714246d
feat: 메인페이지 레이아웃 (#8)
flowersayo Jun 18, 2023
75708ab
fix: 기존 컴포넌트 조정
Gaeun-Kwon Jun 18, 2023
09ff328
feat: part main page ui
Gaeun-Kwon Jun 18, 2023
1c6ffcf
feat: part vote page ui
Gaeun-Kwon Jun 18, 2023
e5f6362
feat: part result page ui
Gaeun-Kwon Jun 18, 2023
df20dd3
chore: add eslintrc.json
Gaeun-Kwon Jun 20, 2023
32463bb
feat: demo main page layout
flowersayo Jun 18, 2023
5eb0b28
feat: demo vote page ui
flowersayo Jun 18, 2023
0e3997e
feat: demo result page ui
flowersayo Jun 18, 2023
17094c8
fix: 기존 컴포넌트 조정
Gaeun-Kwon Jun 18, 2023
0a857ab
feat: part main page ui
Gaeun-Kwon Jun 18, 2023
fa1dd4d
feat: part vote page ui
Gaeun-Kwon Jun 18, 2023
13a5b2d
feat: part result page ui
Gaeun-Kwon Jun 18, 2023
a76f3ed
Merge branch 'feature/#3-part-pages-ui' of https://github.com/TherapE…
Gaeun-Kwon Jun 21, 2023
0829037
feat: 데모페이지 UI (#11)
flowersayo Jun 24, 2023
c3c154c
Revert "feat: 데모페이지 UI (#11)" (#13)
flowersayo Jun 25, 2023
b287a55
Merge branch 'develop' into release
flowersayo Jun 25, 2023
2eb5b43
feat: 데모페이지 UI (#11)
flowersayo Jun 24, 2023
621ee1a
add: create axios modules
flowersayo Jun 26, 2023
79a5e42
add : create db.json for json API Mock Server
flowersayo Jun 26, 2023
525af81
add missing commit (a76f3ed)
flowersayo Jun 26, 2023
61ffe54
add: add interface
flowersayo Jun 26, 2023
8ccdf49
chore : move interface.tsx
flowersayo Jun 26, 2023
02c7dd4
feat: 회원가입, 로그인 화면 UI 구현 (#12)
Gaeun-Kwon Jun 26, 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
3 changes: 3 additions & 0 deletions .eslintrc.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"ignorePatterns": ["build", "dist", "public"]
}
18 changes: 18 additions & 0 deletions .github/ISSUE_TEMPLATE/이슈-생성-템플릿.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
---
name: 이슈 생성 템플릿
about: 해당 이슈 생성 템플릿을 사용하여 이슈를 생성해주세요.
title: ''
labels: ''
assignees: ''

---

## Description
<!-- 작업 사항에 대한 간략한 설명을 작성해주세요. -->

## Todo
- [ ] todo
- [ ] todo

## ETC
<!-- 기타 사항을 입력해주세요. (선택) -->
8 changes: 8 additions & 0 deletions .github/PULL_REQUEST_TEMPLATE.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
## 작업 내용
<!-- 작업 사항에 대한 설명을 적어주세요 -->

## 스크린샷
<!-- 작업물에 대한 스크린샷을 첨부해주세요 -->

## 전달 사항
<!-- 전달 사항이 있다면 적어주세요 -->
23 changes: 23 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
6 changes: 6 additions & 0 deletions .prettierrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"trailingComma": "es5",
"tabWidth": 2,
"semi": true,
"singleQuote": true
}
57 changes: 29 additions & 28 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,45 +1,46 @@
# **마지막 미션: React-Vote! 🗳**
# Getting Started with Create React App

## **서론**
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

안녕하세요! 프론트 파트장 오지은입니다🙌 어느덧 마지막 스터디네요. 그동안 과제하시면서 힘들고 어려우셨겠지만, 성장했다는 보람이 더 컸으면하는 바람입니다.
## Available Scripts

이번 스터디는 각 팀의 백엔드와 함께 진행하는 **합동 과제**입니다. 모던 웹에서 REST API가 주류로 떠오름에 따라 프론트엔드와 백엔드의 구분이 이전보다 명확해졌습니다. 주로 백엔드는 API 서버의 역할을, 프론트엔드는 이를 이용해 사용자에게 UI를 제공하는 역할로 웹이 분화되었습니다. 그 말은 곧, API 없이는 사용자에게 의미있는 서비스를 제공하기 힘들어진다는 것이겠죠. 여러분께서도 차후 팀 프로젝트를 진행하시면서 백엔드 개발자들과 API에 대해 소통할 일이 많아질 것입니다.
In the project directory, you can run:

따라서 이번 과제는 백엔드 개발자들이 전달해준 `API`를 사용해서 구현해보는 미션입니다. 투표 서비스를 개발해 보는 것인데요. 백엔드 개발자와 함께 클라이언트 사이드에서 API를 조금 더 효율적으로 사용할 수 있는 방법에 대해 고민해 보고, 논의해 보는 시간을 가져 보시기 바랍니다.
### `npm start`

이번 미션도 화이팅입니다🔥
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

## **미션**
The page will reload if you make edits.\
You will also see any lint errors in the console.

### **미션 목표**
### `npm test`

- REST API를 통한 서버와의 통신 방법을 이해합니다.
- async/await, Promise등 JavaScript의 비동기 처리를 이해합니다.
- API document를 통해 백엔드 개발자와 소통하는 방법을 익힙니다.
- 팀 내의 프론트엔드 개발자와 적절한 역할 분담을 통해 개발 효율을 높이는 방법에 대해 고민합니다.
Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

### **기한**
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

2023년 6월 28일
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

### **필수 요건**
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

- UI/UX에 대한 감각을 최대한 발휘해 디자인을 적용해 봅니다.
- `HTTPS`를 통해 서버와 통신합니다.
- 외의 사항은 [가이드 문서](https://delirious-sociology-a85.notion.site/FE-BE-416499e4b09e4f44b64a3951b3817f94)를 참고하세요.
### `npm run eject`

### **선택 사항**
**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

- API Fetch는 어떤 방식을 사용하든 무방합니다 (axios, Fetch API)
- `Promise.then()` 보단 `async/await`를 사용해 보세요. 더 최신 스펙이랍니다.
If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

## **링크 및 참고자료**
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

- [리액트 API 연동의 기본](https://react.vlpt.us/integrate-api/01-basic.html)
- [자바스크립트 - 동기(Synchronous)? 비동기(asynchronous)?](https://ljtaek2.tistory.com/142)
- [async와 await, 비동기를 동기코드 처럼](https://kamang-it.tistory.com/entry/JavaScript11async%EC%99%80-await-%EB%B9%84%EB%8F%99%EA%B8%B0%EB%A5%BC-%EB%8F%99%EA%B8%B0%EC%BD%94%EB%93%9C-%EC%B2%98%EB%9F%BC)
- [REST API 제대로 알고 사용하기](https://meetup.toast.com/posts/92)
- [axios란? (feat. Fetch API)](https://velog.io/@shin6403/React-axios%EB%9E%80-feat.-Fetch-API)
- [Postman, 어렵지 않게 사용하기](https://gngsn.tistory.com/26)
You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).
3 changes: 3 additions & 0 deletions db.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"candidates": {}
}
Loading