반응형

code 766

리액트 - 컴포넌트 동적 Import

리액트 - 컴포넌트 동적 Import 사용자 입력에 따라 다른 컴포넌트를 렌더링하는 페이지가 있습니다.현재 아래와 같이 각 컴포넌트의 Import를 하드코딩하고 있습니다. import React, { Component } from 'react' import Component1 from './Component1' import Component2 from './Component2' import Component3 from './Component3' class Main extends Component { render() { var components = { 'Component1': Component1, 'Component2': Component2, 'Component3': Component3 }; var ty..

code 2023.03.19

MVC 4에서의 적절한 JSON 시리얼화

MVC 4에서의 적절한 JSON 시리얼화 JSON을 '적절하게' 시리얼화(camel Case)하고, 필요에 따라 날짜 형식을 변경할 수 있는 기능을 원합니다. Web API에서는 매우 간단합니다.Global.asax에서는 다음 코드를 실행합니다. var json = GlobalConfiguration.Configuration.Formatters.JsonFormatter; json.SerializerSettings.ContractResolver = new CamelCasePropertyNamesContractResolver(); 파이프라인 수준에서 이 코드는 내가 원하는 방식으로 직렬화를 처리합니다. MVC 4에서도 같은 작업을 수행하고 싶습니다.컨트롤러 액션 방식에서 반환된 JSON이 올바르게 시리얼화되..

code 2023.03.19

적절한 JavaScript 문자열 이스케이프를 사용하여 XSS가 JSON 응답을 악용할 수 있습니까?

적절한 JavaScript 문자열 이스케이프를 사용하여 XSS가 JSON 응답을 악용할 수 있습니까? JSON 응답은 어레이 컨스트럭터를 덮어쓰거나 적대값이 JavaScript 문자열 이스케이프가 아닌 경우 이용할 수 있습니다. 이 두 벡터가 정상적인 방법으로 처리된다고 가정해 봅시다.Google은 모든 JSON에 다음과 같은 접두사를 붙임으로써 JSON 응답 다이렉트 소싱을 함정에 빠뜨리는 것으로 유명합니다. throw 1; 그리고 나머지 JSON이 뒤따릅니다.그래서 닥터 이블은 여기서 논의한 그런 종류의 착취로 할 수 없습니다.사이트에 다음 내용을 게시하여 쿠키를 얻습니다(로그인한 것으로 가정). "} 내가 맞나, 틀렸나?이 인 xss xss를 사용하면 할 수 .Co..

code 2023.03.19

다중 인수 대 옵션 개체

다중 인수 대 옵션 개체 여러 인수를 사용하여 JavaScript 함수를 만들 때 항상 이 선택에 직면합니다. 인수 목록을 전달할지 옵션 개체를 전달할지 여부입니다. 예를 들어 nodeList를 배열에 매핑하는 함수를 쓰고 있습니다. function map(nodeList, callback, thisObject, fromIndex, toIndex){ ... } 대신 이것을 사용할 수 있습니다. function map(options){ ... } 여기서 options는 객체입니다. options={ nodeList:..., callback:..., thisObject:..., fromIndex:..., toIndex:... } 어떤 방법이 좋을까요?하나를 사용할 때와 다른 하나를 사용할 때의 가이드라인이 ..

code 2023.03.19

useEffect에 비동기 함수를 추가한 후 오류가 발생함

useEffect에 비동기 함수를 추가한 후 오류가 발생함 useEffect 함수는 getResults 함수 변수만 언급해도 앱이 크래쉬하지 않습니다.그러나 아래 코드에서와 같이 호출하면 다음과 같은 오류가 발생합니다. react-dom.development.js:21857 Uncaught TypeError: 파괴는 함수가 아닙니다. 그리고. 오류 처리 동작을 사용자 정의하려면 오류 경계를 트리에 추가하는 것이 좋습니다. function App() { const [foods, setFoods] = useState([]); const [isLoaded, setIsLoaded] = useState(false); useEffect(() => getResponse()); const getResponse = as..

code 2023.03.19

"유체" 내비게이션은 pjax가 사용 방법입니까?

"유체" 내비게이션은 pjax가 사용 방법입니까? 불필요한 HTTP 요구나 변경되지 않은 HTML의 반복 렌더링 없이 사용자에게 빠르고 유동적인 경험을 제공하고 싶기 때문에 pjax를 사용하기 시작했습니다. 제 사이트에서는 꽤 잘 동작하고 있습니다.또한, 조작에 큰 차이가 있는 것을 생각하면, 기동과 실행은 놀라울 정도로 간단했습니다. 그러나 스택 오버플로우에서도 웹에서도 pjax를 거의 지원하지 않습니다(구글 검색은 웹 개발과 전혀 무관한 상위에서 많은 결과를 반환합니다). 다만, 아직 널리 서포트되고 있지 않아도, 감명받았듯이 사용할 수 있을지도 모릅니다.많은 지원 없이 코드를 이미 투자했을 때 나중에 큰 문제에 직면하게 되는 것이 저의 주된 관심사입니다.그래서 다른 게 없는지 확인하고 싶었어요 pj..

code 2023.03.14

React js의 함수에 인수를 전달하는 방법

React js의 함수에 인수를 전달하는 방법 알림 창에 사용자의 이메일을 표시하고 싶습니다.그러나 e-메일을 표시하는 인수로 전달하는 방법을 모릅니다.경보 방식또, 어느쪽도 사용할 수 없게 되어 있습니다.그래서 디스플레이를 할당해야 합니다.변수에 대해 경고하고 onClick에서 사용합니다.나는 왜 내가 직접 전화를 걸지 못하게 하는지 모르겠다. class People extends React.Component{ render (){ var handleClick = this.displayAlert; var items = this.props.items.map(function(item) { return( {item.lastName + ', ' + item.firstName} ) }); return ({item..

code 2023.03.14

polylang을 사용할 때 워드프레스 페이지의 현재 언어를 확인하는 방법은 무엇입니까?

polylang을 사용할 때 워드프레스 페이지의 현재 언어를 확인하는 방법은 무엇입니까? 폴리랑 플러그인의 현재 사용되는 언어를 출력하는 변수를 검색합니다.예를 들어 다음과 같습니다. if($curlang == "en") { ... } 다음 기능을 사용할 수 있습니다. if (get_locale() == 'en_GB') { // drink tea } 현재 언어를 표시하려면 다음을 사용합니다. 있는 그대로의 단순한. pll_current_language 현재 언어를 반환합니다. 사용방법: pll_current_language( $value ); $value => (임의) 이름 또는 로케일 또는 slug 중 하나이며 기본값은 slug입니다. 전체 이름 또는 WordPress 로케일을 반환합니다(WordPre..

code 2023.03.14

리액트-라우터-돔 패스 소품을 컴포넌트에 리액트-라우터-돔 패스

리액트-라우터-돔 패스 소품을 컴포넌트에 리액트-라우터-돔 패스 라우터를 사용하여 소품을 컴포넌트에 전달해야 합니다.제 코드는 다음과 같습니다. import React, { Component, PropTypes } from 'react'; import { connect } from 'react-redux'; import AppBarTop from './appbar/AppBarTop'; import Login from '../pages/login/Login'; import {BrowserRouter as Router, Route} from 'react-router-dom'; class App extends Component { render() { const { isAuthenticated } = this...

code 2023.03.14

p 태그 쇼트 코드의 내용 워드프레스 형식 지정

p 태그 쇼트 코드의 내용 워드프레스 형식 지정 몇 번이고 물어봤을 거란 걸 알지만, 제가 찾을 수 있는 여러 가지 해결책을 시도해 봤지만 효과가 없는 것 같아요. 나는 가지고 있다shortcode콘텐츠를 정리합니다. [important_note]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel velit at ex congue aliquet.[/important_note] 다음 쇼트 코드 기능을 사용하고 있습니다.functions.php: function important_note( $atts, $content = null ) { return ''.$content.''; } add_shortcode("important_note", "im..

code 2023.03.14
반응형