반응형

전체 글 719

반응과 함께 구글 사인 버튼 사용

반응과 함께 구글 사인 버튼 사용 리액트 어플리케이션에서 구글 사인인을 사용하려고 합니다.어플리케이션 외부에서 사인 버튼을 사용하는 것 자체는 정상적으로 동작하지만 커스텀 사인 컴포넌트 내에서 사용하는 경우 예상대로 동작하지 않습니다.사용자가 서명할 때 버튼 자체가 실행되어야 합니다.data-onsuccess방법.문제는 사인인이 작동해도 실행이 그 방법에 도달하지 않는다는 것입니다. 아마 리액션을 놓쳤겠지만 찾을 수가 없어요.도움이 필요하신가요?모든 항목과 컴포넌트 자체를 로드하는 html을 아래에서 찾을 수 있습니다. var SignIn = React.createClass({ onSignIn : function (google_user) { // I want this method to be execute..

programing 2023.04.06

Ajax를 사용하여 Select2를 사용하여 로드 시 초기 값 설정

Ajax를 사용하여 Select2를 사용하여 로드 시 초기 값 설정 Ajax에서 2개의 컨트롤을 설정했습니다(싱글과 다중 모두 사용).페이지 로드에 대한 값을 설정하려고 하는데 이 값을 사용할 수 없습니다.select2의 코드는 다음과 같습니다. function AjaxCombo(element, url, multival ){ // multival = true or false multival = multival || false; $(element).select2({ minimumInputLength: 2, multiple: multival, separator: '|', ajax: { url: url, dataType: 'json', data: function (term, page) { var targetn..

programing 2023.04.06

JQuery - 글로벌 변수에 Ajax 응답 저장

JQuery - 글로벌 변수에 Ajax 응답 저장 저는 아직 jQuery와 ajax 장면에 익숙하지 않습니다만, 몇개의 XML 파일(최대 6KB 이하)을 취득하기 위해서 GET를 실행하는 $.ajax 요구가 있습니다만, 유저가 그 페이지에 소비하는 기간 동안, XML 컨텐츠는 변경되지 않습니다(이 디자인은 변경할 수 없습니다).다른 곳에서 읽고 있기 때문에 XML 파일을 변경할 수 없습니다).따라서 응답 데이터를 저장할 글로벌 변수가 있으며, 이후 데이터에 대한 조회가 이 변수에 대해 수행되므로 여러 요청을 수행할 필요가 없습니다. XML 파일이 증가할 수 있다는 사실을 감안할 때, 이것이 베스트 프랙티스인지 확실하지 않고, 또한 자바 배경에서 나온 글로벌 퍼블릭 변수에 대한 나의 생각은 일반적으로 부정..

programing 2023.04.06

기존 Spring Boot App에서 OpenApi 3.0 사양을 생성하는 방법

기존 Spring Boot App에서 OpenApi 3.0 사양을 생성하는 방법 프로젝트(Spring Boot App+Kotlin)가 있는데 Open API 3.0 사양(YAML이 바람직)을 희망하고 있습니다.Springfox 라이브러리는 좋지만 Swagger 2.0 JSON을 생성합니다.컨트롤러의 주석에서 Open API 3.0 사양을 생성하는 가장 좋은 방법은 무엇입니까?처음부터 쓰는 방법밖에 없나요?당사는 kotlin 프로젝트에서 springdoc-openapi 라이브러리를 사용해 왔으며, 이는 spring boot 프로젝트를 사용하여 API 문서 생성을 자동화해야 하는 우리의 요구를 충족시킵니다. swagger-ui를 스프링 부트 애플리케이션에 자동으로 도입합니다. Swagger UI 페이지는 다..

programing 2023.04.06

jQuery.browser: Javascript Unaught TypeError

jQuery.browser: Javascript Unaught TypeError 페이지가 로드되지 않는 오류가 발생했습니다. Uncaughed TypeError: 정의되지 않은 속성 'msie'를 읽을 수 없습니다. 콘솔 오류는 다음 코드를 나타냅니다. if (jQuery.browser.msie) extra_px += 3; // Fix Link Clicking on IE 7 and below versions if (jQuery.browser.msie && Number($.browser.version) < 8) { span_text.css('cursor', 'pointer'); span_text.click(function() { window.location = menu_item.parent().attr("..

programing 2023.04.01

javascript를 사용하여 div를 angular로 인쇄합니다.JS 단일 페이지 응용 프로그램

javascript를 사용하여 div를 angular로 인쇄합니다.JS 단일 페이지 응용 프로그램 저는 angularJs를 사용한 한 페이지 웹 어플리케이션을 가지고 있습니다.특정 페이지의 div를 인쇄해야 합니다.다음을 시도했습니다. 페이지에 div가 거의 없습니다(print.html). Do not print Print this div Print Div 컨트롤러에는 다음 스크립트가 있습니다. $scope.printDiv = function(divName) { var printContents = document.getElementById(divName).innerHTML; var originalContents = document.body.innerHTML; document.body.innerHTML =..

programing 2023.04.01

WordPress JSON API: ID별로 여러 게시물 검색

WordPress JSON API: ID별로 여러 게시물 검색 제 웹사이트에서 WordPress JSON API 플러그인을 사용하고 있습니다.https://wordpress.org/plugins/json-api/ REST 콜을 통해 여러 개의 게시물을 ID별로 가져오려고 합니다. 예: http://www.example.org/api/core/get_posts/?http__in=7742,20715 플러그인 매뉴얼에 따르면 get_posts는 WP_QUERY 함수의 모든 파라미터를 지원하므로 동작합니다.단, 이 콜은 반환됩니다. { "status": "ok", "count": 0, "count_total": 0, "pages": 0, "posts": [ ], "query": { "ignore_sticky_p..

programing 2023.04.01

react js에서 파일을 다운로드하는 방법

react js에서 파일을 다운로드하는 방법 api에서 응답으로 파일 URL을 받았습니다.사용자가 다운로드 버튼을 클릭하면 새 탭에서 파일 미리 보기를 열지 않고 파일이 다운로드됩니다.반응 js에서 이를 달성하는 방법은 무엇입니까? tldr: 파일을 URL에서 가져와 로컬 Blob으로 저장하고 링크 요소를 DOM에 삽입하여 클릭하여 Blob을 다운로드합니다. S3의 Cloudfront URL 뒤에 PDF 파일을 저장해 두었는데, PDF 미리보기로 새 탭을 열지 않고 버튼을 클릭해서 바로 다운로드를 시작할 수 있도록 하고 싶었습니다.일반적으로 사용자가 현재 있는 사이트가 다른 도메인을 가진 URL에서 파일을 호스트하는 경우 사용자 보안상의 이유로 많은 브라우저에서 즉시 다운로드가 차단됩니다.이 솔루션을 사..

programing 2023.04.01

오류: [Home]이(가) 구성 요소가 아닙니다. 의 모든 구성 요소는 또는이어야 합니다.

오류: [Home]이(가) 구성 요소가 아닙니다. 의 모든 구성 요소는 또는이어야 합니다. 여러분, 저는 제 앱을 만들려고 하는데 리액트 라우터-dom을 6.02로 업데이트한 후 이 오류가 발생합니다. 오류: [Home]은(는) Route 구성 요소가 아닙니다.Routes의 모든 컴포넌트 자식은 Route 또는 여야 합니다.프래그먼트> 코드는 다음과 같습니다. import { BrowserRouter, Route, Routes } from "react-router-dom"; import Navbar from "./components/Navbar/Navbar"; import Home from "./pages/home/Home"; import Login from "./pages/login/Login"; im..

programing 2023.04.01

babel-preset-es2015 모듈을 찾을 수 없습니다.

babel-preset-es2015 모듈을 찾을 수 없습니다. 동일한 오류가 다시 표시됩니다.Error: Cannot find module 'babel-preset-es2015'. 전체 오류 로그: ERROR in ./main.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-preset-es2015' from 'C:\Users\hp\Desktop\reactApp' at Function.module.exports [as sync] (C:\Users\hp\Desktop\reactApp\node_modules\resolve\lib\sync.js:43:15) at resol..

programing 2023.04.01
반응형