반응형

전체 글 720

위험하게 SetInner를 대체하는 안전한 방법HTML

위험하게 SetInner를 대체하는 안전한 방법HTML 사이트(React 사용)에 다이내믹한 블로그를 만들고 싶습니다.처음에는 투고를 데이터베이스에 raw HTML로 저장하고 위험하게 SetInner를 사용하여 콘텐츠를 생성하려고 했습니다.HTML입니다. 하지만 보안에 대한 영향이 우려됩니다.내 앱에는 기밀 데이터가 없지만, 나는 XSS에 대해 잘 알지 못해 내 앱이 어떤 위험에 노출될지 알지 못한다. 내 앱에 블로그 페이지를 동적으로 로드할 수 있는 성능적이고 안전한 방법이 있는지 궁금합니다.이 경우 https://github.com/odysseyscience/react-router-proxy-loader을 사용하는 것이 도움이 될까요?블로그 투고 JSX 폴더를 다른 앱과 분리하여 로드합니다(부탁드립니..

programing 2023.03.10

Angular-UI 자동 검색: 레이블 표시, 값에만 바인딩

Angular-UI 자동 검색: 레이블 표시, 값에만 바인딩 Angular-UI 자동 검색을 사용하는 방법은 다음과 같습니다. 다음과 같은 모델에 바인딩되어 있습니다. var options = [ {"value": 1, "text": "value1"}, {"value": 2, "text": "value2"}, ... ]; 옵션 텍스트는 올바르게 표시되지만 항목을 선택하면 텍스트 상자 안에 값이 표시됩니다.모델이 전체 모델 객체가 아닌 값에만 올바르게 바인딩되어 있습니다. 선택 후 텍스트 상자 안에 "텍스트"("값"이 아닌 "텍스트")를 표시할 수 있습니까? 그래도 모델 바인딩은 값(즉, 특정 "텍스트"를 선택하면 모델이 "값"으로 업데이트됩니다.이상적이지는 않지만 autoahead-input-format..

programing 2023.03.10

반응 - 하위 이벤트가 아닌 상위 onClick 이벤트만 캡처하는 방법

반응 - 하위 이벤트가 아닌 상위 onClick 이벤트만 캡처하는 방법 다음과 같은 React 컴포넌트의 일부가 있습니다. var headerElement = someBoolean ? : 'some string'; return {headerElement}; 그리고 클릭 핸들러로th요소: _onHeaderClick(event) { event.preventDefault(); console.log(event.target); }, 캡처하고 싶다th요소.이 동작은,headerElement'몇 가지 문자열'이지만input요소,input요소는 에서 참조되는 요소입니다.event.target소유물. 이를 실현하는 가장 좋은 방법은 무엇입니까?핸들러를 바인드하고 있기 때문에thcurrentTarget 속성을 사용할 수 ..

programing 2023.03.10

angularJS: 부모 스코프에서 자녀 스코프 함수를 호출하는 방법

angularJS: 부모 스코프에서 자녀 스코프 함수를 호출하는 방법 부모 범위에서 자녀 범위에서 정의된 메서드를 호출하려면 어떻게 해야 합니까? function ParentCntl() { // I want to call the $scope.get here } function ChildCntl($scope) { $scope.get = function() { return "LOL"; } } http://jsfiddle.net/wUPdW/부모에서 자녀로 사용할 수 있습니다. function ParentCntl($scope) { $scope.msg = ""; $scope.get = function(){ $scope.$broadcast ('someEvent'); return $scope.msg; } } func..

programing 2023.03.10

오류: ORA-65096: Oracle 데이터베이스의 공통 사용자 또는 역할 이름이 잘못되었습니다.

오류: ORA-65096: Oracle 데이터베이스의 공통 사용자 또는 역할 이름이 잘못되었습니다. Oracle 데이터베이스가 .SCOTT.그래서 제가 직접 생성하려고 합니다. sql을 sql을 하려고 합니다. CREATE USER SCOTT IDENTIFIED BY tiger; 다음의 에러가 표시됩니다. ORA-65096: Oracle의 공통 사용자 또는 역할 이름이 잘못되었습니다. 으로는 사용자를 수 .SCOTT이유는 무엇이며, 어떻게 하면 문제를 해결할 수 있습니까?.9%의 「99.9%」%ORA-65096: invalid common user or role name는, 에 가 있을 에 합니다.ORCL(CDB)은 ORCLPDB(PDB)는 ORCLPDB(PDB)를 사용합니다. 위험 - 잘못된 방법으로 ..

programing 2023.03.10

React에서 React.useState(() = > {})를 사용할 수 있습니까?

React에서 React.useState(() = > {})를 사용할 수 있습니까? 를 사용할 수 있습니까?function리액트 컴포넌트 상태로요? 코드 예: // typescript type OoopsFunction = () => void; export function App() { const [ooops, setOoops] = React.useState( () => console.log('default ooops') ); return ( Show Ooops { setOoops(() => console.log('other ooops')) }}> change oops ) } 근데 안 돼...defaultOoops를 클릭했을 때, 기동됩니다.change oops,그otrher ooops를 클릭하면 바로 콘..

programing 2023.03.05

Express/Jade를 사용하여 부분 뷰를 올바르게 렌더링하고 JavaScript 파일을 AJAX에 로드하는 방법은 무엇입니까?

Express/Jade를 사용하여 부분 뷰를 올바르게 렌더링하고 JavaScript 파일을 AJAX에 로드하는 방법은 무엇입니까? 요약 웹 어플리케이션에서 Express + Jade를 사용하고 있는데 AJAX 내비게이션에서 부분 뷰를 렌더링하는 데 어려움을 겪고 있습니다. 두 가지 다른 질문이 있는데, 완전히 연결되어 있기 때문에 같은 투고에 포함시켰습니다.긴 투고가 될 것 같지만, 이미 같은 문제로 고민하셨다면 분명 재미있을 것입니다.누군가 시간을 내어 읽어보고 해결책을 제안해 주셨으면 합니다. TL;DR : 2가지 질문 Express + Jade를 사용하여 AJAX 내비게이션의 뷰 조각을 렌더링하는 가장 깨끗하고 빠른 방법은 무엇입니까? 각 뷰에 관련된 JavaScript 파일을 로드하려면 어떻게 해..

programing 2023.03.05

Woocommerce 제품 변동 드롭다운에 변동 재고 상태를 추가하는 방법

Woocommerce 제품 변동 드롭다운에 변동 재고 상태를 추가하는 방법 재고 상황을 표시하고 싶습니다(예:Woocommerce 제품 페이지의 변형 드롭다운 목록에 표시된 각 제품 변형에 대해 재고 있음/품절).테마 기능에 관련 기능을 복사했습니다.php 파일 및 콘텐츠를 편집할 수 있지만 각 변형에 필요한 재고 상태를 추출하는 방법을 잘 모르겠습니다. // Woocommerce 제품 버전 업데이트 선택 if ( ! function _ function _ facebooks ( ' wc _ function _ facebooks _ facebooks _ /*** 카트 폼에서 사용할 변동 속성 목록을 출력합니다. ** @timeout array $140s* @2.4.0 이후*/ /* 함수 wc_syslog_..

programing 2023.03.05

react 라우터 v^4.0.0 Uncaughed TypeError: 정의되지 않은 속성 '위치'를 읽을 수 없습니다.

react 라우터 v^4.0.0 Uncaughed TypeError: 정의되지 않은 속성 '위치'를 읽을 수 없습니다. 리액트 라우터에 문제가 있습니다(버전^4.0.0을 사용하고 있습니다). 이것은 나의 색인입니다. import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from 'react-router'; ReactDOM.render( , document.getElementById('root') ); App.js는 아무 것도 아닙니다.여기에 기본적인 것을 올립니다.문제가 아니기 때문입..

programing 2023.03.05

componentDidCatch와 동등한 리액트 훅?

componentDidCatch와 동등한 리액트 훅? 리액트 앱에서 오류 경계로 기능하는 간단한 컴포넌트가 있으며, 이 컴포넌트는 에러를 로깅 서비스로 전달합니다. 다음과 같습니다. export class CatchError extends React.PureComponent { state = { hasError: false } componentDidCatch(error, info) { this.props.log({ error, info }) this.setState({ hasError: true }) } render() { const child = typeof this.props.children === "function" ? this.props.children({ error: hasError }) : c..

programing 2023.03.05
반응형