728x90 반응형 Wanted-pre-onboarding-72 원티드 프리온보딩 사전과제 todos.js 리팩토링 👆 구현한 auth 페이지 움짤 구현한 기능 TodoList 불러오기 Todo 추가 / 삭제 / 수정 / 수정 취소 기능 👇 src 폴더 구조 todo 폴더 안에 Todos.js - TodoList.js - Todo.js 로 나누었던 컴포넌트 중에서 리팩토링하며 TodoList.js 를 지웠다. 늘 List를 이용해 컴포넌트를 한번 더 나누었었는데 단순 props만 넘겨주는 역할은 굳이 필요없다는 동기의 피드백이 있었기 때문! 그리고 가독성을 위해 todos.js의 axios만 따로 분리해 API 폴더를 만들어 안에 TodoAxios.js 를 넣어주었다 👇 리팩토링한 코드 상위 컴포넌트 const Todos = () => { // todo 추가할 때 쓰이는 Input value state const [t.. 2022. 10. 24. 원티드 프리온보딩 사전과제 auth.js 리팩토링 👆 구현한 auth 페이지 움짤 const [info, setInfo] = useState({ userId: '', userPassword: '', }); const onChangeinfo = e => { const { name, value } = e.target; setInfo({ ...info, [name]: value }); }; const passed = info.userId.includes('@') && info.userPassword.length >= 8; const toAuth = async e => { const sign = isSelectSignUp ? API.SignUp : API.SignIn; const config = { email: info.userId, password: info.. 2022. 10. 24. 이전 1 다음 728x90 반응형