Today

1. 알고리즘 코드카타

• 팩토리얼

2. Axios

3. 개인 프로젝트(account-book-plus)

필수 구현사항

- 지출 관리 시스템에 회원가입 / 로그인 기능 구현

로그인 페이지

로그인 후 메인 페이지(홈)

• json-server를 이용 지출 데이터 CRUD구현
• API 호출 시, fetch 대신 axios를 필수적으로 사용
• 지출데이터 관련 API 통신 시 TanstackQuery(ReactQuery)를 이용

---

Learn

개인 프로젝트 진행 간 사소한 오류가 2개 있었다.

1. label 태그 사용 간

원인은 React에서 label태그 속성에 for를 사용하기 위해서는 htmlFor로 이름을 바꿔서 써야한다.(카멜케이스)

<label htmlFor="id">로그인 아이디</label>
<input
  placeholder="아이디(4~10글자)"
  id="id"
  value={id}
  onChange={(e) => setId(e.target.value)}
  />

2. img 태그

태그 이름이 image가 아닌 img..

이건 내가 html을 잘 몰랐다는 건데?

---

주절주절

빨리 프로젝트 마치고 쉬고싶다..
그래도 운동은 해야지..?