마!내가바로왕만두다

react basic 반    react-hook-form   component 분리 복잡한 Ui 를 관리할떄 . 코드의 가독성을 높임 쉬운 유지보수   form tag 이벤트 e.preventDefault  새로고침 방지   상태를 다루는 훅 useState  useState(0); form 제출 이벤트 기본 동작 중지 e.preventDefault(); 빈값인지 유효성 검사 trim(); 기존의 값을 복사할 경우 spread method [...] 펼쳐서 , 벗겨서 나온다 양파껍질 .  업데이트에 필요한 요소 read  현재값을 가져와야함 create  현재 값 위에 덮어 씌워야함   forEach 와 map 의 차이  forEach - 새로운 배열 봔환 x  map  새로운 배열 반환 .  upda..

TIL 2024. 8. 19. 20:42

리액트 베이직반  과제  trim , handle inputchange ,  prevent default crypto uuid  초기화 막아주고  다시검색시 리셋되게 했다   파일 깃허브에 올리는 중에  파일을 또만들고 또만들어버려서 꼬이고꼬여버려서  튜터님꼐가서 해결하고 왓따 ...  아침에 과제 발제 들었다  포켓몬 도감 만들기 랜딩 . 포켓몬도감 시작하기 버튼 메인페이지로넘어가야됨 spa - > 리액트라우터 돔 으로 페이지 이동  메인페이지로 이동 , dex / 로 뒤에 주소가 바껴야댐  vercel/app/dex 로 나와야댐 리액트라우터 돔 이용 ———————— 나만의 포켓몬 ,  밑에 포켓몬 카드  카드 형태로 나옴 .  대시 보드 에 추가를 누르면 들어감 추가했던거 또 추가 할려면 메시지 생성..

TIL 2024. 8. 16. 20:01

베이직 반 리액트  지난번에 배운 것에 대해서 recap   map 기본 구조: 배열.map((element) => {/* 변환 로직 */});  const TodoList = () => {  return (          {todos.map((todo) => (        {todo.text}      ))}      );}; 이렇게 쓰인다   return   함수에서 값을 변환 . 함수으 ㅣ 실행을 종료한다  console.log - 개발자 콘솔에 특정 값을 출력한다    useState 상태 값이 변경 될 떄 마다 리렌더링됨  setState 콜백함수 사용    form tag엔터키로 제출가능 구조화된 데이터 수집  e.preventDefault() 로 초기화를 막아줘야한다   제어컴포넌트 유효..

TIL 2024. 8. 15. 00:33