해당 글에서는 Spring Boot 기반 WebSocket에 대해 이해하고 초기 설정 이후 WebScocket에 연결하는 방법에 대해 알아봅니다  1) Spring Boot WebSocket💡 Spring Boot WebSocket- Spring Framework에서 제공하는 기능으로, 실시간 양방향 통신을 가능하게 해 줍니다. Web Socket을 사용하면 서버와 클라이언트 간의 연결이 지속적으로 유지되어, 데이터를 실시간으로 주고받을 수 있습니다.- 이는 채팅 애플리케이션, 실시간 알림 시스템, 주식 거래 플랫폼 등에서 유용하게 사용됩니다.💡 [참고] 소켓 통신에 대해 궁금하시면 아래의 글을 참고하시면 도움이 됩니다. [데이터 통신] 소켓 통신(Socket Communication) 이해하기 : ..

해당 글에서는 React Native 환경에서 모니터링을 위한 Firebase Crashlytics, Sentry에 대해서 알아봅니다. 1) Firebase Crashlytics💡 Firebase Crashlytics - 사용자의 장치 및 앱 환경과 관련되어 발생하는 디버그 정보를 수집하고 보고서를 생성하는 기능을 제공합니다. Crash Error와 같이 애플리케이션에서 예기치 않게 종료되는 심각한 문제에 대해서 이를 수집하고 보고서를 생성합니다. - 이를 통해 개발자는 앱의 문제를 신속하게 파악하고 수정할 수 있습니다. Crashlytics는 앱의 안정성과 품질을 향상하는 데 도움을 줄 수 있습니다. - Firebase와의 통합을 통해 앱의 분석과 성능 모니터링을 한 곳에서 관리할 수 있습니다. 💡 [..

해당 글에서는 React Native 환경에서 Firebase Crashlytics에 대해 Slack 메시지를 전달받는 설정에 대해 알아봅니다.  1) Firebase Crashlytics💡 Firebase Crashlytics- 사용자의 장치 및 앱 환경과 관련되어 발생하는 디버그 정보를 수집하고 보고서를 생성하는 기능을 제공합니다. Crash Error와 같이 애플리케이션에서 예기치 않게 종료되는 심각한 문제에 대해서 이를 수집하고 보고서를 생성합니다.- 이를 통해 개발자는 앱의 문제를 신속하게 파악하고 수정할 수 있습니다. Crashlytics는 앱의 안정성과 품질을 향상하는 데 도움을 줄 수 있습니다.- Firebase와의 통합을 통해 앱의 분석과 성능 모니터링을 한 곳에서 관리할 수 있습니다...

React Native 환경에서 모니터링을 위한 Sentry를 구성하며 Slack Integration을 통해 Sentry의 메시지를 전달받는 형태를 구성합니다. 1) Sentry💡Sentry- 실시간 애플리케이션 모니터링 및 오류 추적 플랫폼입니다. 개발자들이 소프트웨어의 성능을 모니터링하고 버그를 신속하게 식별하고 해결할 수 있도록 도와줍니다. React Native | Sentry for React NativeLearn how to set up Sentry's React Native SDK.docs.sentry.io 1. Sentry 주요 기능💡Sentry 주요 기능- Sentry에서 제공하는 주요 기능들에 대해 알아봅니다.기능설명충돌 해결 가속화- 사용자 정의 알림으로 신속한 조치- 실시간 통..

해당 글에서는 Spring Boot 환경에서 OpenSource Slack API를 활용하여 Slack Incoming Webhook 기능을 이용한 다양한 메시지 전송 방법에 대해 알아봅니다    💡[참고] Spring Boot 환경에서 Slack을 활용한 예시 글들입니다.분류링크Slack Incoming Webhook 이해하고 구성하기 -1 : 초기 구성 및 간단 메시지 전송https://adjh54.tistory.com/568Slack Incoming Webhook 이해하고 구성하기 -2 : 다양한 메시지 전송 방법https://adjh54.tistory.com/569  Spring Boot 환경에서 Slack Incoming Webhook 활용 코드 : GitRepositoryhttps://git..

해당 글에서는 Spring Boot 기반의 Java를 활용하여서 Slack Incoming Webhook을 API 호출을 통해 간단한 메시지를 전송하는 방법에 대해 확인합니다.  💡[참고] Spring Boot 환경에서 Slack을 활용한 예시 글들입니다.분류링크Slack Incoming Webhook 이해하고 구성하기 -1 : 초기 구성 및 간단 메시지 전송https://adjh54.tistory.com/568Slack Incoming Webhook 이해하고 구성하기 -2 : 다양한 메시지 전송 방법https://adjh54.tistory.com/569  Spring Boot 환경에서 Slack Incoming Webhook 활용 코드 : GitRepositoryhttps://github.com/ad..

해당 글에서는 Socket.io를 기반으로 소켓 서버를 구축하는 방법에 이어서 PM2 클러스터링과 Redis 기반 분산처리 방식에 대해 알아봅니다. 💡 [참고] 아래의 Socket.io와 관련된 글들을 참고하시면 도움이 됩니다분류링크Socket.io 기반 소켓 서버 구축 방법 -1 : 구성 요소 및 흐름 + React 기반 채팅 화면 구성https://adjh54.tistory.com/548Socket.io 기반 소켓 서버 구축 방법 -2 : Room, Namespace 별 소켓 통신 방법https://adjh54.tistory.com/549Socket.io 기반 소켓 서버 구축 방법 -3: PM2 클러스터링 + Redis 기반 분산 처리https://adjh54.tistory.com/567 PM2(Pr..

해당 글에서는 출시 모드로 APK 또는 Android App Bundle에 서명해야 합니다. 오류 메시지에 대해서 이를 해결하는 방법에 대해 알아봅니다.1) 문제점💡 문제점- Google Play Console에 최초 앱을 출시할 때, 이를 위해 aab 확장자 빌드 파일을 구성하고 업로드를 하는 도중에 "디버그 모드로 서명한 APK 또는 Android App Bundle을 업로드했습니다."라는 아래와 같은 오류가 발생하였습니다.     2) 해결방법💡해결방법- app/build.gradle 파일 내에 아래와 같은 설정을 추가해야합니다.- android.buildTypes.release 내에 signingConfig signingConfigs.release 속성을 지정합니다. - 이를 지정하는 이유는 ..

해당 글에서는 React-Native 환경에서 Android / iOS 플랫폼에서의 앱 이름을 바꾸는 방법에 대해 알아봅니다. 1) Android에서 앱 이름 바꾸기 1. main/AndroidManifest.xml💡main/AndroidManifest.xml- 해당 파일은 android/app/src/main 디렉터리 내에 해당 파일이 존재합니다.- 해당 파일에서 @string/app_name을 참조하고 있습니다. 그렇기에 string.xml 파일을 찾아서 이를 수정해 줍니다.  2. string.xml💡string.xml- android/app/src/main/res/values 디렉터리 내에 해당 파일이 존재합니다. 앱 이름  3. 변경 적용 화면   2) iOS 1. XCode💡XCod..

해당 글에서는 react-native에서 자주 사용하는 명령어들을 pacakge.json 파일 내에서 scripts로 구성하여서 편하게 이용하기 위한 방법을 확인해 봅니다. 1) Run 1. Android💡Android 실행 명령어 - 해당 실행 명령어는 연결되거나 혹은 안드로이드 시뮬레이터를 실행하기 위한 스크립트입니다. - 기본적으로 “npx react-native run-android” 명령어를 통해서 안드로이드를 실행하는 명령어로 구성되었습니다. - --port 8081 옵션을 통해서, 개발 서버를 8081 포트로 실행하도록 지정하였습니다. 이는 일반적으로 사용하는 8080 로컬 서버와의 충돌을 피하기 위해 지정하였습니다. - APP_ENV=local은 dotenv에서 지정한 환경 파일을 불러오기..