220406_TIL

오늘의 목표
cors
그래프큐엘 api
백엔드 없을 때 파이어베이스 baas

포폴 리뷰

1. 무엇인가 반복하고 싶을 때

map

new Array(반복할 횟수).fill(아무숫자).map( (_) => {
반복하고 싶은 코드)
setState( (prev) //이전값 => [...prev //스프레드 안쓰면 다음 데이터가 덮어씀, 불러올데이터])
})
}

2. div n개만 보여주고 싶을 때 css쓰는게 좋지만 이런 방법도 있다

{props.imgUrls.map((el, index) => (
<>

{(index + 1) % 3 === 0 &&
}
</>
))}
좋은게 아니니까 쓰지말도록

중복되는 스프레드는
위로 따로 만들어 준다

const [inputs, setInputs] = useState({
    writer: "",
    password: "",
    title: "",
    contents: "",
  });
  const [inputErrors, setInputErrors] = useState({
    writer: "",
    password: "",
    title: "",
    contents: "",
  });
를

const initialInputs = {
 writer: "",
    password: "",
    title: "",
    contents: "",
}

const [inputs, setInputs] = useState( initialInputs);
  const [inputErrors, setInputErrors] = useState( initialInputs);


object.keys(newInputs)
=== newInputs의 key들만 뽑아서 가져온다
['writer', 'password', 'title', 'contents']
object.values(newInputs)
['철수', '1234', '제목...', '내용...']
object.entries(newInputs)
[['writer','철수'],,,]

every((el) => el))
=== 모든 결과가 true여야 true가 나옴 하나라도 false가 있으면 false가 나옴

3. 배열이 빈문자열인거 확인하는 법

const aaa = ["","",""]
aaa.join("")
''

COSR
origin 원본이 출처
원본이 크로스되서 쉐어링 하는 방법