React47 [리액트] 로그인 회원가입 기능 구현 리액트를 이용한 회원가입과 로그인을 만들어보겠습니다. 비밀번호는 영어/숫자/특수문자를 포함한 6자 이상으로 설정했습니다. 1) 회원가입 전체 코드 import "./styles.css"; import React, { useState } from 'react' export default function App() { let userId = document.querySelector('#userId'); let passwordForm = document.querySelector('#userPW'); let re_passwordForm = document.querySelector('#re_password'); const [inputs, setInputs] = useState({ userId: '', userPW.. 2022. 9. 7. [리액트] useState 사용법 useState는변수 값이 바뀔 때마다, 화면에서 동적으로 업데이트를 해주는 도구를 제공해줍니다. useState를 사용하기 위해서 useState를 import 해줍니다. [Import] import { useState } from 'react'; [선언] const [state, setState] = useState(선언할 값); [활용] 버튼 클릭 시, 카운터가 올라가는 예제입니다. 버튼을 누를 때마다, useState에 값이 업데이트가 된 것을 확인할 수 있습니다. import "./styles.css"; import React, { useState } from 'react'; export default function App() { const [Cnt, setCnt] = useState(0); .. 2022. 8. 23. 이전 1 ··· 3 4 5 6 다음
