Team. 3355

안녕하세요. 삼삼오오 모인 3355팀입니다!😉

😋 팀원 소개

노민하	김예현	신병규	김민아	김동진	백승필	박성우
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:3000) 127.0.0.1:3000으로 설정된 파일은 test 브랜치로 올렸습니다.
(추후에 EC2가 내려가면 main에 로컬 경로로 변경해서 올리겠습니다.)
빌드가 필요할 때는 npm run build 하면 build 폴더에 webpack으로 번들링합니다.

1. git clone 해오기

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 해오기

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 명세서

📍Home

📍Question Detail

📍Question Create

📍Question Search

📍Sign up

📍Login

📍Mypage