https://github.com/codestates-seb/seb40_pre_035
스택오버플로우 클론 코딩입니다.
https://github.com/codestates-seb/seb40_pre_035
aws-ec2 java javascript react spring tailwind-css
Last synced: about 1 year ago
JSON representation
스택오버플로우 클론 코딩입니다.
- Host: GitHub
- URL: https://github.com/codestates-seb/seb40_pre_035
- Owner: codestates-seb
- Created: 2022-10-19T00:51:10.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-12-14T06:35:40.000Z (over 3 years ago)
- Last Synced: 2025-04-13T01:41:51.180Z (about 1 year ago)
- Topics: aws-ec2, java, javascript, react, spring, tailwind-css
- Language: HTML
- Homepage:
- Size: 1.67 MB
- Stars: 7
- Watchers: 3
- Forks: 10
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Team. 3355
안녕하세요. 삼삼오오 모인 3355팀입니다!😉
## 😋 **팀원 소개**
||||||||
|:---:|:---:|:---:|:---:|:---:|:---:|:---:|
|[노민하](https://github.com/MinaRoh)|[김예현](https://github.com/roxpray)|[신병규](https://github.com/byeonggyu-shin)|[김민아](https://github.com/rmaomina)|[김동진](https://github.com/PNUHCT)|[백승필](https://github.com/philE22)|[박성우](https://github.com/hipopotamus)|
|FE|FE|FE|FE|BE|BE|👑팀장
BE|
## **✨서비스 소개**
Stack Overflow Clone Coding
스택 오버플로우 클론 코딩입니다.
> Account (signup & login & mypage)
- ✅ Create: 유저는 계정을 생성할 수 있다.
- ✅ Read: 유저는 생성한 계정을 확인할 수 있다.
- ✅ Update: 유저는 생성한 계정 정보를 수정 할 수 있다.
- ✅ Delete: 유저는 생성한 계정을 삭제할 수 있다.
> Question
- ✅ Create: 유저는 질문을 생성할 수 있다.
- ✅ Read: 질문 상세 페이지를 조회할 수 있다.
- ✅ Update: 작성자는 질문을 수정할수 있다.
- ✅ Delete: 작성자는 질문을 삭제할 수 있다.
> Answer
- ✅ Create: 유저는 답변을 작성할 수 있다.
- ✅ Read: 유저가 작성한 답변을 조회할 수 있다.
- ✅ Delete: 작성자는 답변을 삭제할 수 있다.
> Vote
- ✅ 로그인한 유저는 질문에 추천을 누를 수 있다.
- ✅ 로그인한 유저는 답변에 추천을 누를 수 있다.
> Etc.
- 🎸 로그인이 필요한 기능에 대하여 경고문을 주고 로그인 페이지로 리다이렉트 한다.
- 🎸 계정, 질문, 답변 삭제는 모달을 띄워 사용자의 예기치 못한 실수를 방지한다.
- 🎸 에디터 작성, html로 작성한 콘텐츠를 직렬화하여 서버에 전달한다.
- 🎸 에디터 조회, 서버에서 가져온 콘텐츠를 파싱하여 출력한다.
- 🎸 에디터 이미지 업로드, form-data를 사용하여 서버에 이미지를 전달한다.
## **👩💻기술 스택**
### **Front-end**
### **Back-end**
### **Common**
## **💻 local 실행 방법**
Front-end
> 🚧 프록시 서버 (http://[localhost](http://localhost):3000) 127.0.0.1:3000으로 설정된 파일은 test 브랜치로 올렸습니다.
(추후에 EC2가 내려가면 main에 로컬 경로로 변경해서 올리겠습니다.)
빌드가 필요할 때는 `npm run build` 하면 build 폴더에 webpack으로 번들링합니다.
### 1. git clone 해오기
```bash
git clone git@github.com:codestates-seb/seb40_pre_035.git
```
### 2. `cd front`
### 3. `npm ci --legacy-peer-deps` npm 설치
### 4. `npm run start` 브라우저에서 리액트를 실행.
### 5. npm 서버를 내릴 때까지 잘 작동.
### 6. 터미널에서 `ctrl+C` 또는 `cmd + C` 로 서버 종료
Back-end
### 1. java 설치
`sudo apt update`
`sudo apt install openjdk-11-jre-headless`
위 명령어를 터미널에서 실행
### 2. git clone 해오기
```bash
git clone git@github.com:codestates-seb/seb40_pre_035.git
```
- local 브랜치 생성 및 이동
- local 브랜치 pull
### 3. application.yml 파일 설정
- application.yml에 파일이 저장될 경로를 지정
설정 예시)
local 경로에서 파일이 저장될 위치를 지정해주어야 합니다.
### 4. build
back 폴더로 가서 build를 실행합니다.
### 5. 실행
back폴더에서 다음 명령어 실행
- 백그라운드에서 실행하는 방법
- 백그라운드에서 실행되고있는 spring 끄기
다음 명령어로 PID 찾기
삭제
## **🏄 User Flow**
## **👍 Demo**
### 📍[API 명세서](https://3355api.netlify.app/)
### 📍**Home**
### 📍**Question Detail**
### 📍**Question Create**
### 📍**Question Search**
### 📍**Sign up**
### 📍**Login**
### 📍**Mypage**
