방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com 전체 글674 Firebase FCM 뷰(vuejs)에서 알림 띄우기 브라우저에 내장된 알림(NOTI)을 활용하여 FCM 메시지를 수신받아 알림(NOTI)를 띄우는 기능 입니다. 이를 위해 먼저 라이브러리를 추가 합니다. yarn add firebase FCM을 사용하기 위해서는 당연히 파이어베이스 프로젝트가 추가되어야 하며, 웹 푸시 인증서가 발급되어 있어야 합니다. FCM을 수신받고 알림(NOTI)를 띄우기 위해서는 웹워커를 사용하여야 합니다. 필요한 파일은 기본적으로 3개 입니다. * 해당 파일의 내부 내용은 간단하기 때 문에 따로 기술하지 않았습니다. * sw.js : 웹워커를 설정하기 위한 파일 * firebase-message-sw.js : 파이어베이스 메시징을 위한 파일 * firebase-messaging-sw.js : 브라우저가 백그라운드 진입시 행동해야되.. 2023. 7. 18. 안드로이드 티라미수(TIRAMISU) 읽기 쓰기 권한 설정 안드로이드 13버전인 티라미수(tiramisu)에서 저장소에 대한 읽기와 쓰기 권한 설정이 변화가 되었습니다. 기존에 핸드폰의 저장소에 읽기, 쓰기 권한을 설정하려면 아래처럼 하였습니다. * 설정 : Manifest.xml * 권한 묻기 : *.kt //읽기 쓰기 권한 종류 var permissions = arrayOf( android.Manifest.permission.WRITE_EXTERNAL_STORAGE, android.Manifest.permission.READ_EXTERNAL_STORAGE ) //권한 물어보기 registerForActivityResult( ActivityResultContracts.RequestMultiplePermissions() ) { isGranted -> //권한 결.. 2023. 6. 21. Android Jetpack Scaffold 영역 짤림 젯팩(jetpack)에서의 스캐폴드(Scaffold)는 레이아웃을 구성할 때 주로 쓰이는 기능 입니다. 버전업이 되면 솔직히 기존 기능을 그대로 좀 내비뒀으면 좋겠는데.. 잿팩(jetpack)도 요즘 추세에 맞추어 기존의 함수 사용법을 무시하고 새로이 만들어 버렸습니다. 기존에 알고 있는 스캐폴드에서의 사용법은 아래와 같습니다. 그런데 2023년도 6월 기준으로 jetpack을 설치하여 내부 구성을 보면 완전히 다른 것을 볼 수 있습니다. 요즘 프레임워크, 라이브러리의 유행을 잘 따르네요..기존꺼 뒤집는.. 사용법은 사실 크게 다르지는 않지만 주의해야되는 기능이 하나 있습니다. 바로 내용이 들어가는 content 영역 입니다. 해당 컨텐츠에 기존에 다른 컴포저블(Composable) 객체를 추가할 때 처.. 2023. 6. 15. 안드로이드 usesCleartextTraffic HTTP, TCP 같은 요청에서 데이터가 정상적으로 들어오지 않는 경우가 있습니다. 예를 들면, 웹소켓(websocket) 같은 경우에는 접속조차 되지 않는 경우가 해당되겠습니다. 분명히 퍼미션도 주었고, 소스코드상 문제도 나타나지 않았는데도 왜 안되는지.. 이러한 경우에는 위 "usesCleartextTraffic" 옵션 때문에 발생한 현상 입니다. 머 암튼.. 이러한 문제를 해결하려면 설정(AndroidManifest) 파일에서 해당 옵션을 간단하게 추가해 주면 됩니다. 설정 파일에서 어플리케이션(application) 영역에 android:usesCleartextTraffic="true" 값을 부여하면 정상적으로 동작하는 것을 볼 수 있습니다. 2023. 6. 15. Nestjs 프레임워크 서버(일반 웹소켓 사용하기, websocket, socket.io 말고) Nest.js에서 웹소켓 서버를 구현하기 위한 대부분의 방법은 socket.io를 사용하는 구성 방식으로 되어 있습니다. 소켓io로 구성을 하게되면, 일반적인 웹소켓 요청으로는 데이터를 송수신 할 수 없기에.. 단순하게 구성하기 위해서는 다른 방법을 사용 해 주어야 합니다. 먼저 웹소켓(websocket) 서버 구현을 위해서 아래 2개의 라이브러리를 추가하여 줍니다. #1. 이건 기본으로 설치하는거 yarn add @nestjs/websockets #2. 요녀석이 일반 웹소켓 서버를 위해 필요한거 yarn add @nestjs/platform-ws 설치가 되고 난 이후에 가장먼저 해야 할 일은 main.ts 파일에 일반 웹소켓 서버 기능을 쓰겠다고 설정하는 것 입니다. * 대상 : 메인 파일(부트스트랩 .. 2023. 5. 25. [webflux websocket broad cast all] 웹플럭스 웹소켓 에코 말고 전체에게 보내기 웹플럭스에서 웹소켓을 활용하여 채팅서버를 만들 수 있습니다. 구글링 하다보면 다양한 예제를 만날 수 있으며, 샘플 코드 또한 훌륭 합니다. 그런데..아쉬운 점은.. 바로 대부분의 설명과 예제가 단순히 자기 자신에게 돌아오는 에코(echo)로 된 코드라는 점 이였습니다. 포스팅 설명을 읽고 한번 실행하여 보면 자기한테만 메시지가 올 분 다른 클라이언트에게 메시지는 전달되지 않았습니다. 그래서 이것저것 찾아보며 전체 접속한 사용자에게 전송하는 방법에 대해서 정리하여 보았습니다! * 2023. 05 기준 입니다. 웹플럭스에 사용한 라이브러리는 2종류 입니다. org.springframework.boot spring-boot-starter-integration org.springframework.boot spr.. 2023. 5. 22. 이전 1 2 3 4 5 6 7 ··· 113 다음
