소개 영상 보기 : 유튜브 바로가기
UCC 영상 보기 : 유튜브 바로가기
2023.04.10(월) ~ 2023.05.19(금) (6주간 진행)
2학기 자율프로젝트 - 사이
"사이"는 근거리 위치 기반 익명 SNS 서비스입니다.
내 생각을 등록하면 주변 사람들과 스침을 기록해줍니다.
내 생각도 기록하고 지나가는 인연들의 생각을 확인해보세요!
-
-
내 주변에서 스쳤던 사람들의 생각을 조회할 수 있습니다.
-
어떤 사람과 어디서 몇 번 스쳤는지도 확인할 수 있습니다.
-
맘에 드는 메시지는 감정을 표현할 수 있으며, 상대방에게 알림을 줍니다.
-
-
-
실시간으로 주변 유저의 활동을 확인할 수 있습니다.
-
메시지를 변경하면 변경한 메시지를 주변 유저들에게 알려줍니다.
-
내 글에 대한 반응을 알림으로 알 수 있습니다.
-
Back-end : Spring Boot
- Springboot 2.7.10
- Spring Data JPA
- Spring Security
- QueryDSL
- Redis
- OAuth2
- MariaDB
- WebSocket
Front-end : 웹(React)
- Vite(React + Typescript)
- Recoil
- React-Router-Dom
- Axios
- Firebase Cloud Message(FCM)
- Web-Socket
- Styled-Components
- SEO(Open Graph, Helmet)
- Social Login(Google, Apple)
- Deep Link
Front-end : Android (Kotlin)
- Android Studio
- Android KTX
- gms
- WebSocket
- Firebase Cloud Message(FCM)
- datastore-preferences
- retrofit
- glide
- gson
- Deep Link
- Universal Link
Front-end : IOS (Swift)
- SwiftUI
- UIKit
- CoreLocation
- Alamofire
- BackgroundTasks
- MapKit
- Firebase Cloud Message(FCM)
- URLSessionWebSocketTasks
- Deep Link
- Universal Link
- KeychaninSwidft
CI/CD
- Git Webhook
- Jenkins
- Docker
- Docker Compoose
- Docker Registry
- Nginx
- Letsencrypt
- AWS EC2
- AWS S3
- Kubernetes
- Nginx-Ingress
- Kubernetes Dashboard
Back
fourtytwo
├─ .gitignore
├─ .gitkeep
├─ gradle
│ └─ wrapper
│ ├─ gradle-wrapper.jar
│ └─ gradle-wrapper.properties
├─ gradlew
├─ gradlew.bat
└─ src
├─ main
│ ├─ java
│ │ └─ com
│ │ └─ fourtytwo
│ │ ├─ auth
│ │ │ ├─ JwtTokenProvider.java
│ │ │ ├─ PrincipalDetails.java
│ │ │ ├─ PrincipalDetailsService.java
│ │ │ └─ RefreshTokenProvider.java
│ │ ├─ config
│ │ │ ├─ AppleConfig.java
│ │ │ ├─ CorsConfig.java
│ │ │ ├─ GoogleMapConfig.java
│ │ │ ├─ JwtConfig.java
│ │ │ ├─ KakaoConfig.java
│ │ │ ├─ MariaDbConfig.java
│ │ │ ├─ QueryDslConfig.java
│ │ │ ├─ RedisConfig.java
│ │ │ ├─ SecurityConfig.java
│ │ │ ├─ WebMvcConfig.java
│ │ │ └─ WebSocketConfig.java
│ │ ├─ controller
│ │ │ ├─ AccountController.java
│ │ │ ├─ ApiResponse.java
│ │ │ ├─ BrushController.java
│ │ │ ├─ FeedbackController.java
│ │ │ ├─ FeedController.java
│ │ │ ├─ NotificationController.java
│ │ │ ├─ SocketController.java
│ │ │ └─ UserController.java
│ │ ├─ dto
│ │ │ ├─ block
│ │ │ │ └─ BlockReqDto.java
│ │ │ ├─ brush
│ │ │ │ └─ BrushResDto.java
│ │ │ ├─ fcm
│ │ │ │ └─ FcmTokenReqDto.java
│ │ │ ├─ feed
│ │ │ │ ├─ ExpressReqDto.java
│ │ │ │ ├─ NewFeedResDto.java
│ │ │ │ ├─ PlaceFeedResDto.java
│ │ │ │ ├─ RecentFeedResDto.java
│ │ │ │ ├─ RecentUsersInfoResDto.java
│ │ │ │ ├─ UserFeedResDto.java
│ │ │ │ └─ UserPlaceFeedResDto.java
│ │ │ ├─ feedback
│ │ │ │ └─ FeedbackReqDto.java
│ │ │ ├─ message
│ │ │ │ ├─ MessageDeleteReqDto.java
│ │ │ │ ├─ MessageResDto.java
│ │ │ │ ├─ MyMessageHistoryResDto.java
│ │ │ │ ├─ TotalMessagesCntResDto.java
│ │ │ │ └─ UserMessageResDto.java
│ │ │ ├─ notification
│ │ │ │ ├─ NotificationCntResDto.java
│ │ │ │ └─ NotificationHistoryResDto.java
│ │ │ ├─ place
│ │ │ │ ├─ GpsReqDto.java
│ │ │ │ ├─ PlaceResDto.java
│ │ │ │ ├─ PlaceWithTimeAndGpsResDto.java
│ │ │ │ └─ PlaceWithTimeResDto.java
│ │ │ ├─ report
│ │ │ │ └─ ReportReqDto.java
│ │ │ ├─ socket
│ │ │ │ ├─ MessageDto.java
│ │ │ │ ├─ MethodType.java
│ │ │ │ └─ SessionInfoDto.java
│ │ │ └─ user
│ │ │ ├─ AccessTokenResDto.java
│ │ │ ├─ AndroidGoogleRequestDto.java
│ │ │ ├─ AndroidGoogleResponseDto.java
│ │ │ ├─ AppleCodeReqDto.java
│ │ │ ├─ AppleOAuthResponseDto.java
│ │ │ ├─ ChangeEmojiReqDto.java
│ │ │ ├─ GoogleOAuthResponseDto.java
│ │ │ ├─ LoginRequestDto.java
│ │ │ ├─ LoginResponseDto.java
│ │ │ ├─ MessageReqDto.java
│ │ │ ├─ MyInfoResDto.java
│ │ │ ├─ NicknameReqDto.java
│ │ │ ├─ NicknameResDto.java
│ │ │ └─ SignupRequestDto.java
│ │ ├─ entity
│ │ │ ├─ BaseEntity.java
│ │ │ ├─ Block.java
│ │ │ ├─ Brush.java
│ │ │ ├─ Emotion.java
│ │ │ ├─ Expression.java
│ │ │ ├─ Feedback.java
│ │ │ ├─ Message.java
│ │ │ ├─ Place.java
│ │ │ ├─ Report.java
│ │ │ └─ User.java
│ │ ├─ exception
│ │ │ ├─ CustomAccessDeniedHandler.java
│ │ │ ├─ CustomAuthenticationEntryPoint.java
│ │ │ └─ CustomExceptionHandler.java
│ │ ├─ filter
│ │ │ └─ JwtAuthenticationFilter.java
│ │ ├─ FourtytwoApplication.java
│ │ ├─ repository
│ │ │ ├─ alert
│ │ │ │ ├─ ReportRepository.java
│ │ │ │ ├─ ReportRepositoryCustom.java
│ │ │ │ └─ ReportRepositoryImpl.java
│ │ │ ├─ block
│ │ │ │ └─ BlockRepository.java
│ │ │ ├─ brush
│ │ │ │ ├─ BrushRepository.java
│ │ │ │ ├─ BrushRepositoryCustom.java
│ │ │ │ └─ BrushRepositoryImpl.java
│ │ │ ├─ emotion
│ │ │ │ └─ EmotionRepository.java
│ │ │ ├─ expression
│ │ │ │ └─ ExpressionRepository.java
│ │ │ ├─ feedback
│ │ │ │ └─ FeedbackRepository.java
│ │ │ ├─ message
│ │ │ │ ├─ MessageRepository.java
│ │ │ │ ├─ MessageRepositoryCustom.java
│ │ │ │ └─ MessageRepositoryImpl.java
│ │ │ ├─ place
│ │ │ │ ├─ PlaceRepository.java
│ │ │ │ ├─ PlaceRepositoryCustom.java
│ │ │ │ └─ PlaceRepositoryImpl.java
│ │ │ └─ user
│ │ │ ├─ UserRepository.java
│ │ │ ├─ UserRepositoryCustom.java
│ │ │ └─ UserRepositoryImpl.java
│ │ └─ service
│ │ ├─ BlockService.java
│ │ ├─ ExpressService.java
│ │ ├─ FcmService.java
│ │ ├─ FeedbackService.java
│ │ ├─ FeedService.java
│ │ ├─ GpsService.java
│ │ ├─ MessageService.java
│ │ ├─ NotificationService.java
│ │ ├─ ReportService.java
│ │ ├─ UserService.java
│ │ └─ WebSocketService.java
│ └─ resources
│ ├─ application.properties
│ └─ word_set.json
└─ test
└─ java
└─ com
└─ fourtytwo
├─ AccountControllerTest.java
├─ FeedControllerTest.java
└─ FourtytwoApplicationTests.java
WEB
forty-two
├─ public
│ ├─ .well-known
│ │ ├─ apple-app-site-association
│ │ └─ assetlinks.json
│ ├─ apple-app-site-association
│ ├─ favicon.png
│ ├─ manifest.json
│ └─ robots.txt
├─ src
│ ├─ api
│ │ ├─ ...
│ │ └─ index.ts
│ ├─ assets
│ │ ├─ fonts
│ │ ├─ images
│ │ └─ ...
│ ├─ components
│ │ ├─ GlobalComponent
│ │ │ └─ GlobalComponent.tsx
│ │ ├─ ...
│ │ └─ index.ts
│ ├─ pages
│ │ ├─ Page
│ │ │ ├─ Page.tsx
│ │ │ └─ components
│ │ │ ├─ LocalComponent
│ │ │ │ └─ LocalComponent.tsx
│ │ │ ├─ ...
│ │ │ └─ index.ts
│ │ ├─ ...
│ │ └─ index.ts
│ ├─ recoil
│ │ ├─ Recoil
│ │ │ ├─ atoms.ts
│ │ │ └─ selectors.ts
│ │ └─ ...
│ ├─ styles
│ │ ├─ globalStyles.ts
│ │ └─ theme.ts
│ ├─ types
│ │ ├─ type.d.ts
│ │ └─ ...
│ ├─ utils
│ │ ├─ util
│ │ │ ├─ util.ts
│ │ │ └─ ...
│ │ └─ index.ts
│ ├─ App.tsx
│ ├─ costom.d.ts
│ ├─ main.tsx
│ ├─ Meta.tsx
│ ├─ reset.css
│ ├─ router.tsx
│ └─ vite-env.d.ts
├─ .env
├─ index.html
├─ package-lock.json
├─ package.json
├─ registerServiceWorker.js
├─ tsconfig.json
├─ tsconfig.node.json
└─ vite.config.ts
iOS
fourtytwo
├── fourtytwoApp.swift
├── ContentView.swift
├── Info.plist
├── Supports
│ ├── AppDelegate.swift
│ ├── SceneDelegate.swift
│ ├── KeychainSwiftDistrib.swift
│ └── GoogleService-Info.plist
├── AppState
│ ├── AuthState.swift
│ └── ViewState.swift
├── Design
│ ├── Assets.xcassets
│ ├── Color.swift
│ ├── Font.swift
│ └── Fonts
│ └── Roboto-Medium.ttf
├── Services
│ ├── APIManager.swift
│ ├── AccountService.swift
│ ├── CommonService.swift
│ ├── FeedService.swift
│ ├── LocationManager.swift
│ ├── LocationSender.swift
│ ├── LocationService.swift
│ ├── NotificationService.swift
│ ├── UserService.swift
│ └── WebSocketManager.swift
├── Components
│ ├── ActivityIndicator.swift
│ ├── BlockView.swift
│ ├── CustomButton.swift
│ ├── GifImage.swift
│ ├── LocationCard.swift
│ ├── MessageCard.swift
│ ├── MyMassageCard.swift
│ ├── ReactionButton.swift
│ ├── RefreshableModifier.swift
│ ├── ReportView.swift
│ ├── TopAlignedTextEditor.swift
│ └── Useless
│ ├── GifUIkit.swift
│ ├── TimelineView.swift
│ └── WrappedMap.swift
├── Pages
│ ├── AlertPage
│ │ ├── AlertView.swift
│ │ └── Elements
│ │ └── AlertCard.swift
│ ├── HomePage
│ │ ├── Elements
│ │ │ ├── CustomBottomSheet.swift
│ │ │ ├── MapView.swift
│ │ │ ├── NavBar.swift
│ │ │ ├── OverView.swift
│ │ │ └── PlaceTimelineView.swift
│ │ └── HomeView.swift
│ ├── LoginPage
│ │ ├── Elements
│ │ │ ├── AppleSigninButton.swift
│ │ │ └── GoogleSigninButton.swift
│ │ └── LoginView.swift
│ ├── MyMindPage
│ │ ├── Elements
│ │ │ ├── DragToDeleteView.swift
│ │ │ └── MyMassageHistory.swift
│ │ └── MyMindView.swift
│ ├── PersonPage
│ │ ├── Elements
│ │ │ ├── PersonMessageCard.swift
│ │ │ └── PlacePersonView.swift
│ │ └── PersonView.swift
│ ├── PlacePage
│ │ ├── Elements
│ │ │ └── PlaceMapView.swift
│ │ └── PlaceView.swift
│ ├── SignupPage
│ │ ├── Elements
│ │ │ ├── FirstSectionView.swift
│ │ │ ├── SecondSectionView.swift
│ │ │ ├── SegmentedProgressBar.swift
│ │ │ └── ThirdSectionView.swift
│ │ └── SignupView.swift
│ ├── SplashPage
│ │ └── SplashView.swift
│ └── SystemPage
│ ├── Elements
│ │ ├── EmojiSwapView.swift
│ │ ├── NavLink.swift
│ │ ├── NicknameChangeView.swift
│ │ └── PolicyWebView.swift
│ └── SystemView.swift
├── Preview Content
│ └── Preview Assets.xcassets
│ └── Contents.json
└── fourtytwo.entitlements
Android
fourtytwo
│ AndroidManifest.xml
├─java
│ └─com
│ └─cider
│ └─fourtytwo
│ │ App.kt
│ │ MainActivity.kt
│ │ MyFirebaseMessagingService.kt
│ │ SettingsActivity.kt
│ │ SigninActivity.kt
│ │ WebViewActivity.kt
│ │
│ ├─dataStore
│ │ UserDataStore.kt
│ │
│ ├─feed
│ │ FeedAdapter.kt
│ │ FeedItem.kt
│ │ PlaceWithTimeInfo.kt
│ │ RecentFeedData.kt
│ │ RecentFeedResponse.kt
│ │ RecentMessageInfo.kt
│ │
│ ├─map
│ │ Radar.kt
│ │ SetLocationData.kt
│ │ SetLocationResponse.kt
│ │
│ ├─myHistory
│ │ HistoryData.kt
│ │ HistoryResponse.kt
│ │ MyMessagesActivity.kt
│ │ MyMessagesAdapter.kt
│ │
│ ├─network
│ │ │ Api.kt
│ │ │ RetrofitHeaderInstance.kt
│ │ │ RetrofitInstance.kt
│ │ │
│ │ └─Model
│ │ Header.kt
│ │ MessageResponse.kt
│ │ NowMessageData.kt
│ │ NowMessageResponse.kt
│ │ SignOutResponse.kt
│ │
│ ├─person
│ │ PersonActivity.kt
│ │ PersonAdapter.kt
│ │ PersonData.kt
│ │ PersonPlaceData.kt
│ │ PersonPlaceInfo.kt
│ │ PersonPlaceResponse.kt
│ │ PersonResponse.kt
│ │ PlaceResDtos.kt
│ │
│ ├─place
│ │ MessagesInfo.kt
│ │ PlaceActivity.kt
│ │ PlaceAdapter.kt
│ │ PlacecData.kt
│ │ PlaceResponse.kt
│ │ PlaceWithTimeAndGpsInfo.kt
│ │
│ ├─signIn
│ │ UserInfo.kt
│ │ UserResponse.kt
│ │
│ └─Signup
│ EmojiAdapter.kt
│ EmojiFragment.kt
│ GuideFragment.kt
│ NicknameData.kt
│ NicknameFragment.kt
│ NicknameResponse.kt
│ SignupActivity.kt
│ SignupForm.kt
│ WelcomeFragment.kt
│
└─res
├─layout
│ activity_main.xml
│ activity_maps.xml
│ activity_my_messages.xml
│ activity_person.xml
│ activity_place.xml
│ activity_settings.xml
│ activity_signin.xml
│ activity_signup.xml
│ activity_splash.xml
│ activity_web_view.xml
│ fragment_emoji.xml
│ fragment_guide.xml
│ fragment_nickname.xml
│ fragment_welcome.xml
│ layout_edit_opinion.xml
│ layout_feed.xml
│ layout_last_message.xml
│ layout_opinion.xml
│ layout_person_feed.xml
│ layout_person_map.xml
│ layout_place_feed.xml
│ layout_place_map.xml
│ layout_radar.xml
│ recyclerview_emoji.xml
│ recyclerview_feed.xml
│
├─menu
│ menu_main.xml
│
├─navigation
│ signup_nav.xml
│
├─raw
│ robot.gif
│
├─values
│ arrays.xml
│ colors.xml
│ dimens.xml
│ ic_launcher_background.xml
│ strings.xml
│ themes.xml
│
├─values-land
│ dimens.xml
│
├─values-night
│ themes.xml
│
├─values-w1240dp
│ dimens.xml
│
├─values-w600dp
│ dimens.xml
│
└─xml
backup_rules.xml
data_extraction_rules.xml
network_security_config.xml
- Git
- Notion
- JIRA
- Figma
- MatterMost
- Webex
- Gitlab
- 코드의 버전을 관리
- platform별 브랜치를 구분하고 개발 workflow에 따라 관리
- platform별 develop과 built 브랜치를 구분해서 CI/CD
- 정해진 commit style에 맞춰 커밋 기록 관리
- JIRA
- 매주 목표량을 설정하여 Sprint 진행
- 업무의 할당량을 정하여 Story Point를 설정하고, In-Progress -> Done 순으로 작업
- 회의
- 아침회의 진행, 전날 목표 달성량과 당일 할 업무 브리핑
- 오류나 협업이 필요한 일이라면 빠른 mattermost를 통해 관련 내용을 전달하고 상의
- Notion
- 회의가 있을 때마다 회의록을 기록하여 보관
- 개인 일정 공유
- 컨벤션 정리
- 와이어프레임, 기능명세서, ERD, API 리스트 등 산출물 실시간 공유
- Figma
- 피그마 디자인을 이용한 와이어 프레임 설계
- 피그마 디자인을 이용한 와이어 목업 설계
- 발표 자료 제작과 중간 결과물 실시간 공유
- Matter Most
- 작업시 소통을 위한 도구, 공유할 내용이 있다면 올리는 공간
- 짧은 코드나 참조 url 등을 다이렉트로 전달
| 성명 | 깃허브아이디 | 담당 | 기술스택 |
|---|---|---|---|
| 장운창 | potato3641 | CI/CD | Doker / Jenkins / Kubernetes / SQL |
| 윤성운 | ysu6691 | BE | JAVA / SpringBoot |
| 임희상 | hslim9400 | BE | JAVA / SpringBoot |
| 정민우 | minu-j | FE | React / TypeScript |
| 전동인 | qorzi | iOS | SwiftUI / Swift |
| 김진희 | robotdiary | Android | AndroidStudio / Kotlin |
GIT LAB
├── fe
│ └── forty-two
├── be
│ └── fourtytwo
├── ios
│ └── fourtytwo
├── android
│ └── fourtytwo
├── docker-compose.yml
├── README.md
├── assets
├── excute
├── .gitconfig
└── .githooks
GIT HUB
├── fe-deploy.yaml
├── fe-svc.yaml
├── be-deploy.yaml
├── be-svc.yaml
└── ingress-42.yaml
-
라이브 아키텍쳐
-
개발 아키텍쳐
회원가입
- 랜덤으로 고유한 닉네임을 선택할 수 있습니다.
- 움직이는 프로필 이미지를 선택할 수 있습니다.
- 약관 동의 후, 회원가입을 진행할 수 있습니다.
홈 피드
- 글을 작성/삭제할 수 있습니다.
- 실시간으로 근처 유저의 입장과 활동을 확인할 수 있습니다.
- 마주친 장소와 유저를 간략하게 확인할 수 있습니다.
알림
- 내 게시글에 달린 리액션을 알림으로 확인할 수 있습니다.
장소별 피드
- 해당 장소에 대한 스침을 확인할 수 있습니다.
사용자별 피드
- 해당 사용자와 스쳤던 장소와 내용을 확인할 수 있습니다.
- 사람별 피드에서 메세지를 신고하거나 해당 유저를 차단할 수 있습니다.
테마
- 라이트/다크 모드를 변경할 수 있습니다.
회원가입
- 랜덤으로 고유한 닉네임을 선택할 수 있습니다.
- 움직이는 프로필 이미지를 선택할 수 있습니다.
- 약관 동의 후, 회원가입을 진행할 수 있습니다.
글 작성&삭제
- 글을 작성할 수 있습니다.
- 드래그로 글을 삭제할 수 있습니다.
홈
- 실시간으로 근처 유저의 입장과 활동을 확인할 수 있습니다.
- 지도를 조작할 수 있습니다.
- 마주친 장소와 유저를 간략하게 확인할 수 있습니다.
알림
- 내 게시글에 달린 리액션을 알림으로 확인할 수 있습니다.
장소별 피드
- 해당 장소에 대한 스침을 확인할 수 있습니다.
사용자별 피드
- 해당 사용자와 스쳤던 장소와 내용을 확인할 수 있습니다.
신고&차단
- 장소별 피드에서 메세지를 신고하거나 해당 유저를 차단할 수 있습니다.
- 사용자별 피드에서 해당 유저를 차단할 수 있습니다.
- 차단된 유저와 서로 확인할 수 없게 됩니다.
설정
- 프로필 이미지를 변경할 수 있습니다.
- 이용약관 및 개인정보처리방침을 확인할 수 있습니다.
- 문의할 수 있습니다.
테마
- 라이트/다크 모드를 변경할 수 있습니다.
딥링크&유니버셜링크
- 웹사이트에서 바로 다운받거나 어플로 진입할 수 있습니다.
- 링크를 통해 바로 어플로 진입할 수 있습니다.
회원가입
- 랜덤으로 고유한 닉네임을 선택할 수 있습니다.
- 움직이는 프로필 이미지를 선택할 수 있습니다.
- 약관 동의 후, 회원가입을 진행할 수 있습니다.
홈
- 실시간으로 근처 유저의 입장과 활동을 확인할 수 있습니다.
- 지도를 조작할 수 있습니다.
피드 (장소별 피드, 사용자별 피드)
-
마주친 장소와 유저를 간략하게 확인할 수 있습니다.
-
해당 장소에 대한 스침을 확인할 수 있습니다.
-
해당 사용자와 스쳤던 장소와 내용을 확인할 수 있습니다.
글 작성&삭제
- 글을 작성할 수 있습니다.
- 글을 삭제할 수 있습니다.
신고&차단
-
장소별 피드에서 메세지를 신고하거나 유저를 차단할 수 있습니다.
-
사용자별 피드에서 메세지를 신고하거나 유저를 차단할 수 있습니다.
-
차단된 유저와 서로 확인할 수 없게 됩니다.
알림
-
내 게시글에 달린 리액션을 알림으로 확인할 수 있습니다.
설정
-
프로필 이미지와 닉네임을 변경할 수 있습니다.
-
이용약관 및 개인정보처리방침을 확인할 수 있습니다.
-
로그아웃, 회원탈퇴를 할 수 있습니다.
유니버셜링크
-
링크를 통해 바로 어플로 진입할 수 있습니다.
-
변인 : 부하테스트를 진행하는 환경에서 vuser포트 생성 실패도 있음
-
일반 API 테스트
-
GPS API 테스트
-
소켓 연결 테스트
-
쿠버네티스 파드 1/3/9, 1/3/9-클러스터 직접접근 테스트
-
부하테스트 도중 파드 수와 관계없이 3000이후 정비례함을 확인
-
원인을 찾아보니 도메인과 SSL을 위한 리다이렉션 Nginx의 한계라고 생각
-
-
쿠버네티스 파드 1/9-클러스터 직접접근 테스트
- 직접 접근하여 테스트한 결과 확실하게 요청 실패율이 줄어듬
- 또한 요청 대기시간이 확실하게 줄어듬