React 강의 7일차

★react는 첫번째 인자로 State를 보내줌

event.preventDefault();

단순히 html에서 표준으로 제공하는 태그의 기본 이벤트 발생을 막는 메서드

주로 사용되는 경우는

1. a 태그를 눌렀을때도 href 링크로 이동하지 않게 할 경우

2. form 안에 submit 역할을 하는 버튼을 눌렀어도 새로 실행하지 않게 하고싶을 경우 (submit은 작동됨)

const [toDo, setToDo] = useState("");

에서 toDo = ""와 같이 State를 직접적으로 수정 X
무조건 setToDo("")와 같이 setToDo를 통해서 수정할 것

setToDos((currentArray) => [toDo, ...currentArray]);
// toDo와 currentArray의 모든 element가 합쳐져서 하나의 배열로 만들어짐

.map()함수는 가지고있는 배열의 아이템 수 만큼 함수를 실행시킴
["one","two","three"].mpa((item) => item.toUpperCase())
// ===["ONE","TWO","THREE"] 

fetch함수

fetch 함수는 API를 사용하여 백엔드 서버와 비동기 요청을 하는 방식 중 하나이다.

then() 메서드는 Promise (en-US)를 리턴하고 두 개의 콜백 함수를 인수로 받습니다.
하나는 Promise 가 이행했을 때, 다른 하나는 거부했을 때를 위한 콜백 함수입니다.
ㄴ ???

다음 강의는 8:37부터 이어서!