'분류 전체보기' 카테고리의 글 목록 (3 Page)

[React native] 사용자의 기기 정보 가져오기

https://github.com/react-native-device-info/react-native-device-info GitHub - react-native-device-info/react-native-device-info: Device Information for React Native iOS and Android Device Information for React Native iOS and Android - GitHub - react-native-device-info/react-native-device-info: Device Information for React Native iOS and Android github.com 어플을 사용하는 유저의 기기 정보가 필요하면 리액트 네이티브에서 제공하는..

프로그래밍/react 2023. 11. 6. 17:18

[java] 에러 해결 Cannot deserialize instance of ... out of START_OBJECT token

이 오류는 구조가 맞지 않아 발생한다. JSON 데이터를 Java 배열 대신에 객체로 역직렬화하려고 하면 발생한다고 하는데 나같은 경우에는 axios통신에서 객체대신 배열형식으로 파라미터를 넣었더니 해결되었다.

프로그래밍/java 2023. 11. 6. 16:51

[React][에러해결] Text strings must be rendered within a <Text> component

말 그대로 문자열은 컴포넌트 안에서 렌더링 되어야 한다는 에러. 실시간{'\n'}현황 -> {"실시간\n현황"} 이렇게 변경하니 해결되었다.

프로그래밍/react 2023. 11. 6. 16:22

[React][에러해결] 함수에서 useState사용시 Invalid hook call

GetCheckResult(inputNumber)}>입력 function GetCheckResult(inputNumber) { const [List, setList] =useState([]); } 이 코드에서 Invalid hook call에러가 떴다. React Hooks는 함수형 컴포넌트 내에서만 호출되어야 하는데 GetCheckResult 는 일반함수이기 때문이다. const GetCheckResult = () => {} 이렇게 함수형 컴포넌트로 변경하든가 경우에 따라 useState를 사용하지 않고 let으로 변수를 설정해줘도 된다.

프로그래밍/react 2023. 11. 6. 16:18

[React] string으로 된 utc타임을 한국시간으로 변환하기

"2023-10-17T07:30:30.000+0000" //이렇게 데이터베이스에서 string형식으로 넘어오는 utc타임을 한국시간으로 변환 import {format, parseISO } from "date-fns"; //date-fns에 내장되어있는 함수를 사용한다. let time = "2023-10-17T07:30:30.000+0000" const utcDate = parseISO(time); //string -> time으로 형식 변환 const formattedDate = format(utcDate, "yyyyMmdd", { locale: ko }); //형식은 원하는 형식으로.

프로그래밍/react 2023. 11. 6. 16:09

[React] 의존성 배열 deps를 이용해서 리렌더링하기

리렌더링을 하는 방법은 많지만 가장 베이직한 방법은 역시 deps를 이용하는 것이다. useEffect(() => { //생략 }, [List]); 이렇게 useEffect의 deps에 List라는 변수를 넣어주면 된다. 이를 응용해서 원하는 타이밍에 리렌더링을 하고싶으면 deps에 리렌더링용 변수를 만들어서 원하는 시점에 변수를 업데이트 시키면 된다. const { updateCount, setUpdateCount } = useEffect(0) //리렌더링이 되야하는 시점에 setUpdateCount에 +1 을 하고 useEffect(() => { //생략 }, [updateCount]); //이렇게 deps로 사용하면 된다. 예시는 +1로 하는걸로 했지만 boolean으로 해도 되고..다양하게 활용가..

프로그래밍/react 2023. 11. 6. 16:01

[React][에러해결] 텍스트 입력할때마다 리렌더링 되는 문제

const [inputNumber, setInputNumber] = useState(''); //이 부분이 문제 const ListHeader = () => { setInputNumber(text) } value={ inputNumber } editable={true}/> } //inputNumber 를 const 외부에 선언해서 값이 바뀔때마다 리렌더링이 발생한다. //선언하는 부분을 사용 스코프 안에 포함시켜야 한다.

프로그래밍/react 2023. 11. 6. 15:44