방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com 전체 글677 데이터 전송, 415 오류 (415 Unsupported Media Type) 웹 프론트에서 form 데이터 형식을 통해 서버와 응답하는 경우 만날 수 있는 오류 입니다. form 데이터에서 특정 데이터의 타입을 application/json으로 지정하지 않으면 발생 할 수 있습니다. 기본적인 form 데이터를 통해 데이터를 전송하는 방법 입니다. const formData = new FormData() formData.append('키', '값') formData.append('파일데이터키', file) const header = { headers: { 'Content-Type': 'multipart/form-data' }, transformRequest: [ function () { return formData } ] } axios.post('주소', formData, type.. 2023. 9. 8. [Vue warn] Extraneous non-emits event listeners ... vuejs 3 [Vue warn]: Extraneous non-emits event listeners (.....) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option. at at > at at at at at at at 뷰 환경에서 만날수 있는 경고문구 입니다. 해당 경고문구는 정의되지 않는 html element 이벤트를 사용자가 사용할 경우 발생 합니다. *.. 2023. 8. 23. NestJS SSE (Server-Sent Events) sse는 서버에서 이벤트를 발행하여 웹 브라우저에서 해당 이벤트를 수신하는 기능 입니다. 웹소켓보다 훨씬 더 경량화 되어있고 단순한 이벤트를 전달 할 때 효과적이기 때문에 간단한 내용을 보낼 때 주로 사용된다고 합니다. 구현 방법은 어렵지 않습니다. * 컨트롤러.ts import { Controller, Sse } from '@nestjs/common'; import { interval, Observable } from 'rxjs'; import { map } from 'rxjs/operators'; @Controller() export class SseController { @Sse('sse') sse(): Observable { return interval(5000).pipe( map((_) => (.. 2023. 7. 19. 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. 이전 1 2 3 4 5 6 7 ··· 113 다음
