
안녕하세요? 오늘은 localStorage에 대해서 간단하게 정리해본 뒤, 내가 본 상품의 데이터를 받아서 localStorage에 띄우는 기능을 만들어 볼 겁니다! 1. localStorage 간단 정리 먼저 localStorage는 state와 다르게 페이지를 새로고침해도 데이터가 리셋되지 않는 거 아시죠? 물론 데이터를 서버로 보내서 DB에 저장하면 되지만, 서버나 DB의 지식이 없다면 localStorage를 이용하면 됩니다. - localStorage 공간 확인하기 localStorage는 개발자 도구(F12) > Application 탭 > 왼쪽 Local Stoage > 페이지 주소 클릭 을 하면 확인할 수 있습니다. - localStorage에 데이터값 저장, 불러오기, 삭제하기 1. 데이..

안녕하세요? 거의 한달만에 싸지르는 글이네요 ㅎㅎ 제가 최근에 공부한 기능들 중 저에게 시련을 줬었던 장바구니 기능에 대해 정리해 보려고 합니다. 어떻게 생각해보면 쉬운 거 같은데.. 많이 생각해 볼수록 절대 풀리지 않더라구요 ㅠㅠ 구글링과 저의 멘토의 도움을 통해 결국은 풀어냈습니다. ● 장바구니 삭제 기능 만들기 항목 삭제하기 버튼을 누르면 항목 리스트가 삭제되는 기능을 만들면 된다. 나는 redux의 reducer로 state 변경함수를 이용하여 만들었다. 1. reducer에 state 변경함수를 생성한다. state 변경함수는 삭제 버튼의 onClick 이벤트로 호출된다. 삭제버튼을 클릭 하면 리스트의 id값을 넘겨줘서, id가 똑같은 리스트는 제외하고 나머지 리스트들을 return 해주는 원리..
- Total
- Today
- Yesterday
- 리액트함수
- Props
- 리액트 밑줄효과
- scaleX
- state함수
- 리액트탭버튼
- 리액트 hover
- 탭만들기
- map함수
- 리액트
- 리액트 카테고리
- 스타일컴포넌트
- 리액트댓글
- react-query
- 장바구니기능
- 리액트이벤트
- reactQuery
- 리액트쿼리
- 리액트 애니메이션
- 리액트hover
- API호출
- hover
- 컴포넌트
- URL파라미터
- map
- 리액트소셜로그인
- 리액트 filter
- filter
- 장바구니
- React
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |