Sweet But Psycho

Encountered two children with the same key, '0'. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted - the behavior is unsupported and could change in a future version. 원인: 배열의 map을 돌릴 때 key로 배열을 구분해주는데 이때 똑같은 배열을 돌리면서 같은 값을 key로 사용하면 발생하는 경고이다. 해결: 배열의 값 중 unique한 다른 값을 key로 사용하면 없앨 수 있는 경고!

큰 틀에서의 원인은 비동기 처리가 안되어 데이터를 못불러온 상태이며 그에 대한 원인은 다양할 것이다. 나의 경우에는 axios 와 같은 서버 통신 요청을 볼 때, 필요한 인자값이 undefined 라든지 등이 원인이었다. Possible Unhandled Promise Rejection (id: n): axios 호출할 때 then. 다음에 catch로 예외 처리를 추가하여 에러 핸들링으로 해결하였다. .catch(error => { if (error.response) { // 요청이 이루어졌으며 서버가 2xx의 범위를 벗어나는 상태 코드로 응답했습니다. console.log(error.response.data) console.log(error.response.status) console.log(erro..

Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.

API documentation https://coinmarketcap.com/api/documentation/v1/#section/Quick-Start-Guide Account coinmarketcap.com import React, { useState, useEffect } from 'react' import axios from 'axios' const Prices = () => { const [ data, setData ] = useState([]) useEffect(() => { axios .get( 'https://pro-api.coinmarketcap.com/v1/cryptocurrency/listings/latest', { headers: { 'X-CMC_PRO_API_KEY': '자신의 키..

DBeaver 업데이트하기 전에 권한 때문에 실행이 안되는 오류가 발생 터미널에 아래 코드를 입력하여 해결 codesign --force --deep --sign - /Applications/DBeaver.app

처음에 상위 컴포넌트에서 useState 상태 변경 함수를 넘길 때 그냥 void로 넘겼는데 정의할 수 있는 타입이 따로 있었다! interface Props{ isMade: boolean setIsMade: () => void } import React, { useState, Dispatch, SetStateAction } from 'react' interface Props { isMade: boolean setIsMade: Dispatch } 참고문서링크: https://newbedev.com/passing-usestate-as-props-in-typescript Programming tutorials | Newbedev Checkout new tutorials and guides for progra..

내가 객체 타입의 데이터를 매개변수로 넘겨줄 때 그 매개변수의 타입을 string으로 해놓고 넘겨주고 있어서 발생한 오류였다. 타입을 일일이 지정해서 넘겨주는 데이터와 전달하는 파라미터 사이의 데이터 타입이 일치해야 한다. 예를 들어서, 요로코롬 쓰고 있었다면 const data = { name: 'jemerald', age: 26, job: 'developer', } const onSubmit = (item: string) => { console.log('item', item) } 1. 데이터 자체를 바꾸겠다 (좀 비추) // 타입만 string으로 취급하는 객체 const data = "{ name: 'jemerald', age: 26, job: 'developer'}" const onSubmit =..

https://developer.mozilla.org/ko/docs/Web/HTTP/CORS

소프트캡 ICO 목표 최소 금액 하드캡 ICO 목표 최대 금액

flex-direction //default flex-direction: column; flex-direction: row; flex-direction: row-reverse; flex-direction: column-reverse; default로 View 태그 안의 요소들은 모두 (1, 1) (2, 1) (3, 1) 처럼 세로 줄 하나로 정렬된다. flex-direction: row; 으로 바꾼다면 View 태그 안의 요소들은 모두 (1, 1) (1, 2) (1, 3) 처럼 가로 줄 하나로 정렬된다. flex-wrap default는 모든 요소들은 한 줄에 정렬된다. //default flex-wrap: nowrap; //한 줄에 모두 정렬 flex-wrap: wrap; //여러 줄에 걸쳐 정렬 fl..