학습(React-CRUD, Deep Dive)

1.eval함수의 작동에 대해서 열심히 설명한 후 마지막에 보안에 취약하며 처리 속도가 느리니 eval함수의 사용은 금지해야 한다고 한다... 당황스럽다.
심지어 eval함수의 사용법 또한 그냥 출력에 eval을 더하는 것이라 왜 쓰는지도 모르겠으니 사용은 하지 않는 부분에 있어서 거부감은 없다.

2.parseFloat()의 작동은 Number(str.trim().split(' ')[0])와 작동 원리가 비슷한 것 같다. 문자열의 첫번째 단어(split의 index 0)만 넘버타입으로 변환을 시도해 숫자로 변환이 불가능하면 NaN을 반환한다. 또한 단어의 앞뒤에 있는 공백은 제거된다(trim으로 제거 후 여러 단어라 사이에 공백이 있는 경우는 split의 ' '로 제거된다.)

3.form태그는 아래와 같이 이용할 수 있다.
  <form onSubmit={event =>{
  event.preventDefault(); 
  }}>
     <p><input type="text" name="title" placeholder="title"/></p>
     <p><textarea name="body" placeholder="body"/></p>
     <p><textarea name="submit" value="Create"/></p>
  </form>
  

4.값은 state로 변경할 때 일반적인 방법으로 사용해도 상관없지만 만약 obj, arr등 객체관련 내용물을 변경할 경우 set에는 값에 추가해서 넣는 것이 아니라 값을 새로 정의한 후 그 새로 정의한 객체를 넣어줘야 한다. 예시는 아래와 같다.
const[value, setValue] = useState(obj||arr);
newValue = [...value]
newValue.push(무언가)
serValue(newValue)

오늘은 CRUD구현을 위해 생활코딩등 리액트 강의를 보고 프로젝트를 시작헀다.
내일까지 완료할 수 있을지는 잘 모르겠다..