(주)플래디 사내 관리 페이지 Web

Tech Stack

Web

Deploy

Develop Tool

Etc.

Project Architecture

Project Structure

Details

src
 ┣ api
 ┃ ┗ AxiosApi.js
 ┣ assets
 ┃ ┣ fonts
 ┃ ┃ ┣ font.css
 ┃ ┃ ┣ NanumSquare_acB.woff
 ┃ ┃ ┣ NanumSquare_acEB.woff
 ┃ ┃ ┣ NanumSquare_acL.woff
 ┃ ┃ ┗ NanumSquare_acR.woff
 ┃ ┗ images
 ┃ ┃ ┣ button
 ┃ ┃ ┣ sidebarIcon
 ┃ ┃ ┃ ┣ AdminActive.svg
 ┃ ┃ ┃ ┣ AdminInactive.svg
 ┃ ┃ ┃ ┣ ArchivingActive.svg
 ┃ ┃ ┃ ┣ ArchivingInactive.svg
 ┃ ┃ ┃ ┣ BookingActive.svg
 ┃ ┃ ┃ ┣ BookingInactive.svg
 ┃ ┃ ┃ ┣ EquipmentActive.svg
 ┃ ┃ ┃ ┣ EquipmentInactive.svg
 ┃ ┃ ┃ ┣ LogoutIcon.svg
 ┃ ┃ ┃ ┣ MyBookingActive.svg
 ┃ ┃ ┃ ┣ MyBookingInactive.svg
 ┃ ┃ ┃ ┣ MyInfoIcon.svg
 ┃ ┃ ┃ ┣ ToggleActive.svg
 ┃ ┃ ┃ ┗ ToggleInactive.svg
 ┃ ┃ ┣ arrowDown.svg
 ┃ ┃ ┣ EmptyImg.svg
 ┃ ┃ ┣ imgLogo.svg
 ┃ ┃ ┣ imgNameLogo.svg
 ┃ ┃ ┣ kor_nameLogo.svg
 ┃ ┃ ┣ Location.svg
 ┃ ┃ ┣ moreIcon.svg
 ┃ ┃ ┣ RangeArrow.svg
 ┃ ┃ ┣ Search.svg
 ┃ ┃ ┣ SearchInput.svg
 ┃ ┃ ┣ SearchPlus.svg
 ┃ ┃ ┣ SelectArrow.svg
 ┃ ┃ ┣ triple_dot_icon.svg
 ┃ ┃ ┗ triple_dot_icon_black.svg
 ┣ components
 ┃ ┣ booking
 ┃ ┃ ┗ StatusTag.js
 ┃ ┣ button
 ┃ ┃ ┣ BigSquareButton.js
 ┃ ┃ ┣ ImageFullButton.js
 ┃ ┃ ┣ ImagePaddingButton.js
 ┃ ┃ ┗ SmallButton.js
 ┃ ┣ capsule
 ┃ ┃ ┣ Capsule.js
 ┃ ┃ ┣ DropBox.js
 ┃ ┃ ┣ FacilityCapsule.js
 ┃ ┃ ┗ RoleCapsule.js
 ┃ ┣ card
 ┃ ┃ ┣ Card.js
 ┃ ┃ ┣ EquipmentInfo.js
 ┃ ┃ ┣ OfficeInfo.js
 ┃ ┃ ┣ ResourceDetailInfo.js
 ┃ ┃ ┗ ResourceInfo.js
 ┃ ┣ modal
 ┃ ┃ ┣ BigModal.js
 ┃ ┃ ┣ BookingInfoModal.js
 ┃ ┃ ┣ CarReturnModal.js
 ┃ ┃ ┣ EquipmentMoreModal.js
 ┃ ┃ ┣ MoreModal.js
 ┃ ┃ ┣ ResourceReturnModal.js
 ┃ ┃ ┣ UserModal.js
 ┃ ┃ ┗ UserMoreModal.js
 ┃ ┣ officeBooking
 ┃ ┃ ┣ BookedTimeBar.js
 ┃ ┃ ┣ BookingOfficeInfo.js
 ┃ ┃ ┣ BookingPurpose.js
 ┃ ┃ ┣ BookingTimeBar.js
 ┃ ┃ ┗ SubTitleBar.js
 ┃ ┣ resourceBooking
 ┃ ┃ ┗ TimeSelector.js
 ┃ ┣ rightContainer
 ┃ ┃ ┗ RightContainer.js
 ┃ ┣ searchBar
 ┃ ┃ ┣ ManageSearchBar.js
 ┃ ┃ ┗ SearchBar.js
 ┃ ┣ sidebar
 ┃ ┃ ┣ MainMenu.js
 ┃ ┃ ┣ MenuLineStyle.js
 ┃ ┃ ┣ Sidebar.js
 ┃ ┃ ┗ SubMenu.js
 ┃ ┗ toggle
 ┃ ┃ ┗ Toggle.js
 ┣ constants
 ┃ ┣ BookingStatus.js
 ┃ ┣ Path.js
 ┃ ┗ ToggleList.js
 ┣ pages
 ┃ ┣ admin
 ┃ ┃ ┣ car
 ┃ ┃ ┃ ┣ CarManage.js
 ┃ ┃ ┃ ┣ CarManageAdd.js
 ┃ ┃ ┃ ┣ CarManageDetail.js
 ┃ ┃ ┃ ┗ CarManageTableCell.js
 ┃ ┃ ┣ carBookings
 ┃ ┃ ┃ ┣ CarBookingManage.js
 ┃ ┃ ┃ ┗ CarBookingManageCell.js
 ┃ ┃ ┣ office
 ┃ ┃ ┃ ┣ OfficeManage.js
 ┃ ┃ ┃ ┣ OfficeManageAdd.js
 ┃ ┃ ┃ ┣ OfficeManageDetail.js
 ┃ ┃ ┃ ┗ OfficeManageTableCell.js
 ┃ ┃ ┣ officeBookings
 ┃ ┃ ┃ ┣ OfficeBookingManage.js
 ┃ ┃ ┃ ┗ OfficeBookingManageCell.js
 ┃ ┃ ┣ resource
 ┃ ┃ ┃ ┣ ResourceManage.js
 ┃ ┃ ┃ ┣ ResourceManageAdd.js
 ┃ ┃ ┃ ┣ ResourceManageDetail.js
 ┃ ┃ ┃ ┗ ResourceManageTableCell.js
 ┃ ┃ ┣ resourceBookings
 ┃ ┃ ┃ ┣ ResourceBookingManage.js
 ┃ ┃ ┃ ┗ ResourceBookingManageCell.js
 ┃ ┃ ┗ user
 ┃ ┃ ┃ ┣ UserManage.js
 ┃ ┃ ┃ ┗ UserManageLine.js
 ┃ ┗ basic
 ┃ ┃ ┣ booking
 ┃ ┃ ┃ ┣ car
 ┃ ┃ ┃ ┃ ┣ CarBooking.js
 ┃ ┃ ┃ ┃ ┣ CarBookingCheck.js
 ┃ ┃ ┃ ┃ ┗ SelectCar.js
 ┃ ┃ ┃ ┣ office
 ┃ ┃ ┃ ┃ ┣ OfficeBooking.js
 ┃ ┃ ┃ ┃ ┣ OfficeBookingCheck.js
 ┃ ┃ ┃ ┃ ┗ SelectOffice.js
 ┃ ┃ ┃ ┗ resource
 ┃ ┃ ┃ ┃ ┣ CustomCalendar.css
 ┃ ┃ ┃ ┃ ┣ ResourceBooking.js
 ┃ ┃ ┃ ┃ ┣ ResourceBookingCheck.js
 ┃ ┃ ┃ ┃ ┗ SelectResource.js
 ┃ ┃ ┣ equipment
 ┃ ┃ ┃ ┣ EquipmentAdd.js
 ┃ ┃ ┃ ┗ EquipmentList.js
 ┃ ┃ ┣ myBookings
 ┃ ┃ ┃ ┣ BookedLine.js
 ┃ ┃ ┃ ┗ BookedList.js
 ┃ ┃ ┗ user
 ┃ ┃ ┃ ┣ EmailCheck.js
 ┃ ┃ ┃ ┣ Login.js
 ┃ ┃ ┃ ┗ ResetPassword.js
 ┣ utils
 ┃ ┣ CookiesUtil.js
 ┃ ┣ ErrorHandlerUtil.js
 ┃ ┣ ImageUtil.js
 ┃ ┗ IsLoginUtil.js
 ┣ App.css
 ┣ App.js
 ┣ App.test.js
 ┣ index.css
 ┣ index.js
 ┣ reportWebVitals.js
 ┗ setupTests.js

Commit/PR Convention

Commit

[PDW-1] feat: 회의실 예약 UI

• [지라티켓] 커밋 태그: 커밋 설명

Pull Request

[PDW-1/feat] 회의실 예약

• [지라티켓/커밋태그] 설명

Branch Strategy

• main
  • 배포 이력 관리 목적
• develop
  • feat 병합용 브랜치
  • 배포 전 병합 브랜치
• feat
  • develop 브랜치를 베이스로 기능별로 feat 브랜치 생성해 개발
• test
  • 테스트가 필요한 코드용 브랜치
• fix
  • 배포 후 버그 발생 시 버그 수정

• feat branch의 경우, feat/지라티켓-기능설명 형태로 작성

feat/PDW-1-office-booking

Member

박서연	차유상	김초원
Web Architecture	Web Developer	Web Developer