240516 TIL

오늘은 과제하면서 어려웠던 점과 극복했던 내용, 공부했던 내용까지 정리해 보려고 한다 

 

개인과제 진행하고 느낀 건데 React 초심자에겐  이건 어떻게 구동되는 거지? 왜 이렇게 되는지? 이 함수를

어떻게 해석하고 직접 쳐야 하는 건지 어려움을 뼈저리게 느꼈다. 내가 직접 해보고 아 이건 이렇게 되는구나!

느껴보고 싶은데 쉽지 않다.. 기술의 힘을 빌리지 않고 내가 직접 칠 수 있을까에 대한 의문이 들었다.🙄 

근데 기본 개념에 대해선 강의나 각종 학습 하면서 알게 된다. 

 

어려웠던 점

 

첫 번째, 로컬 호스트가 닫히면 이 기능이 제대로 들어갔는지 모르고 보지 못하게 된다 

그래서 yarn dev를 쓴 후 q로 안 나가면 닫히지 않는 이상 테스트 가능하다... 

두 번째, css를 다르게 접근해야 한다. 그냥 reset.css 걸고 import 하면 되는 줄 알았음.. ㅎㅎ

이거 해결하는데 어려움을 겪음. > 구글링으로 해결  근데. 이게  container 크기가 맞는 건지 잘 모르겠음..

app.css가 안 먹네 ㅠ

세 번째, working에서 완료를 누르면 done으로 넘어가는 게 어제 작업하면서 되지 않았었는데  오늘 수정하려고

열어보니까 된다! 알고 보니 내가 yarn dev를 빠져나와 기능 테스트를 제대로 해보지 못한 것 

네 번째, 유효성 검사 넣기. 이 부분을 간과해 버렸다. 제목과 내용을 입력하지 않으면 alert창이 뜨게 해야 하는데

오늘 수준별 학습으로 다른 분들 과제 해설해 주시는 거 보다가 앗! 빠뜨렸다..라고 느끼게 된 것이다. 😥 

 

react 함수가 jsx 기반으로 돌아간다는 것도 알아가는 중이다

 

react 공부 

 

상태 정의하기 : useState
[ ] : 빈배열
{ } : 객체 
" " : 초기값

[현재 state, state를 변경하기 위한 함수]  = useState(초기값)

 

상태 정의의 예  ↓

const [todo,setTodo] = useState([]); 
const [title,addTitle] = useState()