개요 : 기업(Jober) 측으로부터 프로젝트 요구사항을 받아 공유페이지를 기능 개선했습니다.
기간 : 2023. 09. 18. ~ 2023. 10. 06.
백엔드 요구사항 :
기타 : 패스트캠퍼스 부트캠프의 PM&UXUI&FE&BE 협업으로 진행된 기업연계 파이널 프로젝트입니다.
BACK-END
| 신용호(👑) | 김용원 | 박장희 | 최해솔 | 한혜지 |
|---|---|---|---|---|
 |
 |
 |
 |
 |
FRONT-END
| 정태욱(👑) | 김다슬 | 박철민 | 백지욱 | 주하림 |
|---|---|---|---|---|
 |
 |
 |
 |
 |
| 기능 | 담당 |
|---|---|
회원관리 |
한혜지 |
스페이스 |
신용호 |
페이지 |
신용호, 한혜지 |
페이지트리 조회 |
신용호 |
템플릿 추가 |
신용호, 최해솔 |
S3 파일 업로드 |
신용호 |
링크 블럭 |
박장희, 한혜지 |
이미지 블럭 |
최해솔 |
비디오 블럭 |
김용원 |
지도 블럭 |
한혜지 |
텍스트 블럭 |
박장희, 한혜지 |
블럭, 페이지 공개설정 |
신용호 |
블럭 위치 이동 API |
신용호 |
CI/CD구축 |
신용호 |
AWS배포 |
신용호 |
Back-End
Front-End
Deployment
Cowork Tools
| 기본생성 | 자동저장 | 템플릿 생성 |
|---|---|---|
 |
 |
 |
| JWT 토큰을 통해 로그인한 진입 화면 | 디바운싱 이용한 자동저장 기능 | 플로팅바를 통한 블럭 생성 |
1️⃣ 링크 블럭
| 블럭 생성 | 블럭 수정 |
|---|---|
 |
 |
| 링크 생성 시 Url을 통해 사이트 아이콘을 파싱 | 수정 시 아이콘 또한 변경 |
2️⃣ 이미지 블럭
| 블럭 생성 | 블럭 수정 |
|---|---|
 |
 |
| 첨부된 이미지는 S3 버킷에 저장되고 Url을 통해 호출 가능 | 생성과 수정 모두 png, jpeg, jpg 형식 외 업로드 안되도록 예외 처리 |
3️⃣ 비디오 블럭
| 링크로 생성 | 파일로 생성 |
|---|---|
 |
 |
| -링크와 파일 첨부 중 하나만 가능하도록 처리 -링크 생성 시 youtube 썸네일을 함께 노출 |
생성과 수정 모두 mp4 형식 외 업로드 안되도록 예외 처리 |
4️⃣ 지도, 텍스트 블럭
| 지도 생성 | 텍스트 생성 |
|---|---|
 |
 |
| Google Maps API키를 통해 지도 호출해 위도, 경도를 저장 | 서체, 크기, 색상 등 스타일 정보를 저장해 다양한 커스텀 가능 |
| 블럭 DnD | 공개설정 |
|---|---|
 |
 |
| 디바운싱 통해 블럭 정보가 자동으로 저장되므로 자유로운 변경 가능 | 블럭 별 공개 설정 가능 |
| 페이지 트리 | 경로이동, 반응형 |
|---|---|
 |
 |
| -페이지 안에 또 다른 페이지인 하위 페이지를 생성 -최상단 페이지가 같다면 계층에 관계없이 위치 지정 가능 |
-breadcrumb Bar를 통해 페이지 위치와 트리 확인, 이동 -반응형으로 제작해 모바일까지 확장 가능 |
📦 joberchip-be
└─ api
└─ server-v1
└─ src
├─ main
│ ├─ java.kr.joberchip.server.v1
│ │ ├─ _config
│ │ │ └─ security
│ │ ├─ _errors
│ │ │ └─ exceptions
│ │ ├─ _utils
│ │ ├─ block
│ │ │ ├─ controller
│ │ │ │ └─ dto
│ │ │ ├─ repository
│ │ │ └─ service
│ │ ├─ page
│ │ │ ├─ controller
│ │ │ │ └─ dto
│ │ │ ├─ repository
│ │ │ └─ service
│ │ ├─ space
│ │ │ ├─ controller
│ │ │ │ └─ dto
│ │ │ ├─ repository
│ │ │ └─ service
│ │ ├─ storage
│ │ ├─ user
│ │ │ ├─ controller
│ │ │ ├─ repository
│ │ │ └─ service
│ │ └─ JCServerApplication.java
│ └─ resource
└─ lib
├─ block
│ └─ ImageBlock.java
├─ BaseEntit
├─ BaseObject.java
└─ OnScreenLocation.java
