useQuery is a React Hook provided by the react-query library, which allows for easy and efficient data fetching and caching. useQuery 는 리액트 훅 인데, 라이브러리 이고, 쉽고 효과적으로 데이터를 보내고, 저장 할 수 있는 녀석이다. useQuery automatically handles data caching and provides a range of other features, such as automatic refetching of data on mount or on specified intervals, polling for new data, and more. use query 는 자동적으로 ..

css 스타일 width: ${(props) => (props.width != null ? `${props.width}px !important` : '250px !important')}; 다음처럼 사용하고 싶다면 export const CommonSegment = styled(Segment)` min-height: ${(props) => (props.minHeight != null ? `${props.minHeight}px !important` : '50px !important')}; ${(props) => props.marginLeft && css` margin-left: ${props.marginLeft}px !important; `} ${(props) => props.width && css` wid..

하 내적으로 정말 많이 심적으로 고통을 주는구나 타입스크립트..... 아직 내가 너를 제대로 이해하고 사용하고 있지 않기 때문이겠지-? Method 다음 에러가 뜨는 경우에는, undefined 를 할당 할 수 없다는 에러이다. 고로. Type를 어떻게 주었느냐가 문제가 되는건데, 이런 이슈가 발생하는 이유는 다음과 같다. export interface PostProps { TITLE?: string; CONTENT?: string; ATTACH_FILE?: Array; } 여기서 무엇이 틀린 것 같은가? 바로, TITLE ?: 이렇게 사용하지 말라는 것이다. ? 을 배제 시키라는 것인데, 그 이유로는 ?(물음표)는 undefined를 받아 들이기 때문이다. export interface PostProp..

다음에러는 https://chocoboy.tistory.com/manage 다음처럼 되어야 정상적으로 작동하겟지만, https://chocoboy.tistory.com//manage 다음처럼 // 가 두개 들어간것을 말한다. (당연히, 두개 들어가면 정상작동 안한다.) 고로 URL를 Request하는 코드에서 수정해주면 된다. To be continued..

How can we select in react? (어떻게 조회할까 리액트에서?) Method import 'semantic-ui-css/semantic.min.css'; import React, { useState } from 'react'; import { Table } from 'semantic-ui-react'; import { HttpRequest } from '@utils/Http'; import { useLayoutEffect } from 'react'; interface DataRow { ID: number; TITLE: string; ATTACH_FILE: string; NAME: string; REGIST_DATE: string; manualData: DataRow[]; } const ..

정답은 textAlign : center Method 일반적으로 margin 으로 줄것이라고 생각을 하겠지만 페이지 네이션은 textAlign: center로 줘야지 가운데로 잡힌다. To be continued..