TIL 02

컴포넌트(Component)란?
react의 핵심. UI 또는 기능을 부품화해서 재사용 가능하게 하는 것
큰 페이지 자체도 컴포넌트라 부를 수 있다

컴포넌트와 복사, 붙여넣기의 차이점은 수정단계의 차이이다.

즉, 컴포넌트에서는 import된 원본 컴포넌트만 수정하면 해당 컴포넌트를 적용중인 모든 사항이 수정되지만 태그를 복사하여 붙여넣으면 수정사항이 생길때 마다 찾아가 수정해야한다.

컴포넌트를 만드는 방법에는 크게 2가지가 있다.

class로 시작하는 클래스형 컴포넌트와 function으로 시작하는 함수형 컴포넌트인데 함수형 컴포넌트가 클래스형보다 늦게 나온만큼 더 편리하다.
그 이유는 개발자들의 게으름이 바탕이된다.
화살표 함수와 같은 개념으로 생각하면 될 듯 하다.
즉, 클래스형에 비해 함수형 코드가 훨씬 간결하고 라인 수 자체가 줄어든다.
물론 같은 컴포넌트이므로 한 js 안에 공존할 가능성도 있고 함수형을 클래스형으로 바꿔줄 수도 있다.

const [ state , setState ] = useState ()
state변수, 바꿔주는 함수 react-hooks (괄호 안에는 초기값)

import { useState } from 'react';  
const [titleError, setTitleError]= useState('')

이런식으로 사용하여 편리하게 변수와 함수를 지정할 수 있고 컴포넌트를 사용하기 위해서는 위 라인 1번과 같이 react에서 useState를 불러와야 한다.

새로운 기술의 연속.
일신우일신은 내가 해야하는데 컴퓨터 언어가 하고있네..

처음 들었을때는 이해를 못해서 화면과 눈싸움을 해야했지만 역시 익숙해지려면 직접 써봐야 하는것 같다.
아직은 어렴풋한 느낌이지만 일단 document.get-- 를 매번 써주지 않아도 된다는 점, 불러온 값을 저장하기 위해 변수를 새로 설정하지 않아도 된다는 점 등 편리한 기능은 확실하다는 걸 느끼는 중이다.

오늘 멘토님이 하신 말씀 중에 '새로운 기능이나 버전이 개발되면 가장 먼저 찾아야 할 것은 이전과 달라진 기능이 무엇인가이다.' 라고 하셨는데 꼭 기억해야 할 말 같다.
새로운 기능이 배포되고 그 기능이 이렇게나 편리하다면 숨겨놓은 기능이라도 찾아가서 써야지!