스택큐힙리스트

저는 다음과 같은 매우 간단한 함수형 컴포넌트를 가지고 있습니다: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; 그리고 또 다른 컴포넌트: import * as React from react; export interface LayoutProps { children: React.ReactNode } const layout = (props: LayoutProps) => ( Toolbar, SideDrawer, Backdrop {props.children} ); export de..

나는 아래와 같은 useEffect 예제를 시도해보았습니다: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); 그리고 콘솔에서 다음과 같은 경고 메시지를 받았습니다. 그러나 비동기 호출에 대한 정리는 선택 사항이라고 생각합니다. 왜 이 경고 메시지가 나타나는지 정확히는 모르겠습니다. 예제를 위한 샌드박스 링크를 제공합니다. https://cod..

텔레그램의 Markdown Syntax 위키 페이지를 보면, 텍스트를 굵게하고 이탤릭체로 표시하는 것이 비교적 쉽다는 것이 나와 있습니다. 거기에는 다음과 같이 설명되어 있습니다. *기울임꼴로 표시됩니다* and _이것도 기울임꼴로 표시됩니다_ **굵게 표시됩니다** and __이것도 굵게 표시됩니다__ ***굵고 기울임꼴로 표시됩니다*** and ___이것도 굵고 기울임꼴로 표시됩니다___ 결과는 다음과 같습니다. 기울임꼴로 표시됩니다 and 이것도 기울임꼴로 표시됩니다 굵게 표시됩니다 and 이것도 굵게 표시됩니다 굵고 기울임꼴로 표시됩니다 and 이것도 굵고 기울임꼴로 표시됩니다 . 하지만 다음과 같이 사용하는 경우 ***굵고 기울임꼴로 표시됩니다*** 결과는 다음과 같습니다. *굵고 기울임꼴로 표..

useEffect 리액트 훅은 전달된 함수를 변경이 일어날 때마다 실행합니다. 원하는 속성이 변경될 때만 호출하도록 최적화할 수 있습니다. componentDidMount에서 초기화 함수를 호출하고 변경이 일어날 때 다시 호출하지 않고 싶다면 어떻게 해야 할까요? 컴포넌트에서 어떤 데이터도 필요하지 않은 경우 엔티티를 로드하는 함수를 호출하려면 어떻게 해야 할까요? useEffect 훅을 사용하여 이를 어떻게 구현할 수 있을까요? class MyComponent extends React.PureComponent { componentDidMount() { loadDataOnlyOnce(); } render() { ... } } 훅을 사용하면 다음과 같을 수 있습니다: function MyComponent(..