어제에 이어서 회원가입 로직을 구현하고 유효성 검사를 해줘서 사용자가 꼼꼼하게 회원가입을 할 수 있게 해준다. 먼저 utils.js 파일을 따로 만들어줘서 유효성 검사에 필요한 Regex를 만들어준다. 위에 보이는 Dimensions는 리액트 네이티브에서 제공하는 기능인데, 기기마다 화면 크기가 천차만별인데 스크린 화면 설정을 도와준다 코딩을 하시는 분들은 Alret로 에러를 알려주는데 내가 생각하기에는 모바일에서는 알림창이 뜨지않고 글씨로 표현해주는 것이 사용자가 보기에 더 적합하다고 생각했다.

보통 회원가입을 하면 유효성 검사가 되어있는 경우를 많이 본다. 사용자의 회원가입을 원활하게 하기 위해 유효성 검사를 해보자 🔘우선, TextInput의 value 값을 useState로 관리해준다. 총 7개의 상태가 나온다. 🔘 email = 이메일 입력칸 🔘* password = 비밀번호 입력칸* 🔘 checkPassword = 비밀번호 재확인 🔘 nickname = 닉네임 입력칸 🔘 secureText = 눈 아이콘 모양(안보이던 비밀번호를 보이게 해줌) 🔘 touchEye = 눈 아이콘 🔘 warningText = 불일치 경고 문구 UI 로직은 바로 전에 쓴 벨로그를 보면 된다. �

추가하기 Add Todo ➕ > setTodos를 이용해서 이전 값에 newTodo를 추가해준다. 삭제하기 Delete Todo ➖ > id를 인자로 받아 filter함수를 통해 다른 값을 걸러서 필터 해준다. 수정하기 Edit Todo 🖍 > 마찬가지로 id를 인자로 받아 같은 값을 findIndex를 통해서 확인 후 text를 변경하게 해준다.

React Native는 무엇일까🤔 > React Native는 React를 사용해서 iOS와 Android 앱을 개발할 수 있는 프레임워크이다.(리액트로 모바일앱을 만들 수 있는 프레임워크) react Native로 만들어진 유명한 서비스들 Expo go로 시작하기 특징 > #### 쉬운 셋업 가능 native 언어는 수정 불가능 👉 Cli를 통해 모든 것을 직접 설치하면 native 언어 수정 가능. 시작하기 >#### ios 앱스토어 or google 플레이스토어에서 Expo go 앱 설치 명령어 npx create-expo-app 파일이름을 통해 환경세팅을 해준다.