SAFEKINGMALL 쇼핑몰 Project

https://www.npmjs.com/package/react-draggable-listreact-drag-list 라이브러리를 사용하여 서버에서 받은 데이터를 브라우저에 띄었다. styled-compotent

😢처음에 하는 방법을 몰라 전체 데이터를 가지고 pagination을 만들어 버렸다. 이렇게 전체 데이터를 가지고 pagination을 만들다보면 서버가 터져버리는 이슈가 발생할 수 있다. 그걸 모르고 만들다가 아주 고생을 해버렸다. 두번 일하게 되어버린..아래 코드

😎 첨부파일을 업로드하고 브라우저상에 띄우기 첨부파일 브라우저상에 띄우기 styled-components 😎 axios로 첨부파일을 서버에 보내자 ❗ formData로 api를 보내야한다. 😎 업로드한 첨부파일 다운로드하기 올린 첨부파일을 다운받기 !

😎 여러조건별로 검색하는 검색창 구현 코드 styled- component

드롭박스에서 '상품명'을 선택하면 검색창에 검색한 검색어랑 같은 상품명 데이터가 검색되어야 하고드롭박스에서 '카테고리명'을 선택하면 검색창에 검색한 검색어랑 같은 카테고리만 검색되어야 한다.서버에 request으로 보내야 하는 것들search는 다른 페이지에서도 계속적

😎 input checkbox를 통해 개별선택, 전체선택 및 해제를 구현 😎 선택된 리스트를 axios로 전송 styled-component

viewYn의 값에 따라 브라우저상에 보여지는 input checkbox의 checked의 값을 다르게 줄 것이다. 브라우저 상에 보여지는 것styled-component

처음에는 서버에서 받아온 데이터의 길이의 해당 index의 id값으로 이전글 다음글을 불러오려고 했지만 데이터 리스트의 첫번째 index와 마지막 index 부분에서 오류가 발생하여 다른 방식으로 진행하였다. axios를 불러올때 데이터 상세 내역을 불러올때 이전글과

tab부분 styled-component

에디터 구현 및 사진 넣기에디터 react-quill 설치https://www.npmjs.com/package/react-quillyarn add react-quillnpm install react-quill에디터는 재사용을 위해 따로 컴포넌트해서 빼두었다.

SEO는 구글, 네이버와 같은 검색 엔진들이 서버에 등록된 웹사이트를 하나하나씩 돌아 다니면서 웹사이트의 HTML 문서를 분석해줍니다. 이때 HTML에 사용된 태그를 바탕으로 사용자가 검색할때, 웹사이트를 빠르게 검색할 수 있게 도와줍니다. 하지만, react같은 CS