React

클래스 컴포넌트에서만 사용할 수 있었던 상태 관리와 라이프 사이클 관리 기능을 함수 컴포넌트에서도 사용할 수 있도록 연동해주는 함수를 의미한다.함수 컴포넌트에서만 사용이 가능하다.hook의 이름은 반드시 use-로 시작한다.내장 hook이 존재한다. ex) useSta

Props 컴포넌트의 속성값 => 부모 컴포넌트로 부터 전달받은 데이터를 지니고 있는 객체 전달하고자 하는 어떤 값이든 자식 컴포넌트에 전달가능 => 문자, 숫자, 변수, 함수 등 Props 사용법 Parent.js Child.js 부모 컴포넌트에서 pet이라

State 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값 => 해당 컴포넌트가 UI에 보여줄 정보를 결정할 때 사용할 수 있는 상태값 컴포넌틑 내에서 정의하고 사용하며 얼마든지 변경할 수 있다. Main.js 호출을 하게 되면 반환값으로 두 가지 값이 담긴

useState를 이용하여 input의 value를 가져오기 첫번째 아이디 input값의 value 두번째 비밀번호 input값의 value를 가지고 올 것이다. 아이디와 비밀번호의 처음은 빈 값이기 때문에 useState안에 ''비었다는 표시를 해준다. 첫번째는

로그인 페이지를 할 때 조금 더 세밀한 유효성 검사를 하기위해 정규식을 이용한 유효성 검사를 하기로 하였다. 정규식을 사용하려면 정규식 메서드를 꼭 사용해야 한다. > - exec() : 문자열에서 일치하는 부분을 찾음. 일치한 문자열 및 기억한 모든 부분 문자열을