시리즈

All Empty Study 🫥

1.[React] React Hook Form

React 내에서 Form을 쉽게 제어하고 손쉽게 유효성 검사를 처리하도록 도와주는 라이브러리적용 예시 ⬇️React Hook Form은 form 작업에 사용할 수 있는 useForm hook을 제공합니다. hook은 초기값 설정, 입력 필드 지우기 기능 등을 제공하지

2022년 12월 23일

2.[비동기] axios async await

Axios는 JavaScript 라이브러리 중 하나인 Fetch api와 같은 비동기 통신 라이브러리React ⇒ Axios를 더 많이 사용특징 : 요청과 응답 모두 JSON 형식으로 자동 변환시켜준다!https://velog.velcdn.com/images%

2022년 12월 28일

3.moment 라이브러리

moment 라이브러리 이용(https://momentjs.com/docs/❗️ 백앤드 서버에서 들어오는 작성 시간이 현재 시간보다 9시간 전으로 들어와서 시간 차이가 계속 생겼음ex) 방금 전 업데이트 된 글인데도 9 hours ago로 떴음moment()를

2023년 1월 2일

4.React에서 KakaoMap Api 사용

Kakao Developers우선 카카오 개발자 사이트에 접속해서 카카오 로그인을 한다.내 애플리케이션에 들어가서 애플리케이션 추가하기를 누른다.플랫폼 설정하기를 누르고 (나는 웹에서 사용할 것이기 때문에 web 플랫폼 등록을 선택했다) 도메인 설정을해준다.react를

2023년 1월 13일

5.Button count 조정

→ Count가 2가 되는순간부터 더이상 버튼 활성화되지 않게 만들기

2023년 1월 13일

6.spacebar 눌렀을 때 화면 밑으로 가기 방지

utils/useScrollPrevent.jsxComponents/LoginModal.jsx

2023년 1월 18일

7.[Redux] Redux Toolkit

Redux-Toolkit(N)Redux → React와 무관한 상태관리자React Redux → React & Redux 통합Redux toolkit→ Redux를 보다 수월하게 이용하게 해주는 도구왜 태어났냐설정할게 너무 많다미들웨어 설치가 복잡하다반복되는 코드가 너

2023년 1월 18일

8.Redux

redux 설치store 생성store = date를 저장하는 곳reducer 생성2번 과정에서 createStore은 reducer 함수가 필요하다는 error가 뜸!reducer = data를 modify해주는 함수로, reducer가 return하는 값이 appl

2023년 1월 18일

13.Pagination

components/Paginations.jsxpages/DetailedProduct.jsx

2023년 2월 2일

All Empty Study 🫥

1.[React] React Hook Form

2.[비동기] axios async await

3.moment 라이브러리

4.React에서 KakaoMap Api 사용

5.Button count 조정

6.spacebar 눌렀을 때 화면 밑으로 가기 방지

7.[Redux] Redux Toolkit

8.Redux

9.window.open 새창(팝업창) 열기

10.div에 img 넣기 (props)

11.axios.post() vs axios({method:post})

12.찜 기능 (위시리스트)

13.Pagination

14.두 날짜 사이 계산

15.전역상태 관리

16.Kakao Login 구현