REACT는 Component에서 부품들을 가져다 쓰기 위한 것이다.
사실 완벽하게 이해하지 못했다. ㅎㅎㅎ 그래도 매일 매일 이해 하려고 노력 중이다!
요즘은 이렇게 컴포넌트에서 부품들을 가져다 쓰는것이 트렌드 라는데, 조금은 익숙하지 않아 어렵지만 수업 시간에 따라해 보면서 이 방식이 훨씬 더 간편하다는 것을 깨닫게 되니 매일 연습해서 내걸로 만들어야 겠다는 생각이 들었다. 물론 이걸 내걸로 만들어도 새로운 기술스택?(맞나요?)가 계속해서 등장할 것이다. 이미 익숙해질 무렵 새로운게 나오면 계속 배우느라 복잡하지 않을까 싶었는데, 새로운게 나와도 익숙해 지기만 하면 쉬워질 거라고 느낀다. 유투브 나오고 새로운 어플 나오면 적응하기가 어렵지 적응하면 넘나 유용한 기능이 아닌가?
react는 import {} from 'react' 를 써서 이미 설치된 react에서 편하게 가져오면 된다 ^^ 여기서 가져오기 위한 이름은 주로 use~~~로 쓰여져 있는데 이것이 바로 react에서 가져오기 위한 hook이라고 보면 된다. 가져오기 위한 갈고리 같은 것이다.
오늘은 useState를 통해 변수명을 가져왔다. 사실 처음 써보면 왠지 더 복잡한것 같다는 생각이 들것이다. 하지만 useState를 통해 state를 가져와 변수에 초기값을 할당한 후에 그 변수명을 {}안에 담아 html 작업공간 안에 태그로 뿌려주면 document를 통한 조작 없이도 html를 조작할 수 있는 간편함이 있어서 이런 부분에선 훨씬 더 유용하다고 할 수 있다.
이를 위해서 먼저 훅을 사용해서 import{useState} from 'react' state를 가져온 후에 변수, 수정할때 쓸 변수명, 변수 초깃값 할당을 const[state, setState] = useState(초기값) 통해 할당 해준 후에 변수명을 태그 안에 넣으면 앞서 설명한대로 편하게 html을 gelelment와 같이 길게 써줄 필요 없이 가능한 것이다.
앞으로 react와 같은 서비스?들과 친해질 생각이다.
