ToyProject(더다주)

업로드중..3\. search 모달에서 검색한 내용을 state에 담아 state에 내용에 따른 product 랜더링 그리고 state는 계속남아 어떤 내용을 검색한건지 사용자에게 알려주게끔.

스크롤을 위로 올리는 코드useEffect 와 useLocation을 사용했다. useLocation으로 pathname을 가져와 pathname이 바뀔때마다 스크롤이 위로 올라가게끔의 함수를 구현했다.Router에 Routes에 코드를 넣어 전체 코드에서 실행하게끔

offset 방식은 쿼리가 복잡하지 않다는 면에서 아무래도 큰 장점이 있다. 하지만 뒤로 갈수록 쿼리의 속도가 늦어지면 가장 큰 문제는 sns 같은 업데이트 삭제같은 데이터의 수정이 많이 생기고 또한, 데이터의 양이 많을때에는 데이터가 누락 및 중복이 될 수 있다는 큰

시연영상 신제품을 번호에 따른 pagination을 구현 sort를 기준으로 상품이 나열되게끔 구현. 1. pagination bar number에 따른 데이터가 나오게끔. 2. 신상품 상품명 가격 낮은 높은 순으로 데이터가 나오게끔. 3. 위의 두가지를 유지한상태에

Cart 페이지를 만들어 Cart 기능을 넣기로 결정. CRUD의 기능이 다들어간 페이지라서 꼭 넣어야겠다고 생각한 페이지이며 가장 많이 막히고 힘들었던 페이지이기도 하다. 1. 장바구니 버튼 클릭시 장바구니 페이지에 내가 선택한 상품에 데이터가 나열되게끔. 2. 전

선택에 따른 선택삭제 선택주문 전체선택 기능들은 가장 시간이 많이들고 답답했던 기능들이었다. > #### 선택삭제 첫 생각 서버에서는 deleteMany를 이용할 것. 전체 데이터를 아예 주어서 데이터를 삭제해야 하나? deleteMany({data1}, {data

추천상품은 sort기능이 들어간 무한스크롤을 구현 1. 무한스크롤을 통해 상품이 나오게 끔. 2. 신상품 상품명 가격 낮은 높은 순으로 데이터가 나오게끔. 3. 위에 두가지를 유지한채로 상품이 보여주게 끔. > #### 첫 생각 서버 : pagination은 off

aws를 회원가입 후 로그인을 하면 nav바가 보일텐데 오른쪽 상단에 지역을 설정할 수 있다. 지역을 꼭 서울로 해주자 그리고 search바에 ec2라고 검색후 클릭해 서비스로 들어가자서비스로 들어가면 인스턴스 시작이라고 되어있는 노란(?)주황(?)버튼이 있다. 클릭하

1) 터미널을 키는데 꼭 인스턴스에 지정한 키페어 위치에 터미널을 켜야 한다. 그러지 않으면 키페어를 읽지 못해 인스턴스에 들어갈 수 없다. 그리고 저번 포스트에서 SSH 클라이언트 란에 chmod 400 키페어이름.pem을 입력 ssh -i \~~를 입력해준다. 그리

우선 해야하 할 것) 내가 올릴 프로젝트를 build 해주어야 한다. 위의 명령어를 해당 프로젝트 터미널에 입력하면 build 된다. 처음 build시에는 시간소요가 좀 된다. 작동이 안되는 것이 아니니 차분히 기다리면 된다.1) S3를 검색 후 버킷 만들기 버튼을 누

* THE DAJU 사이트는 접시 컵 수저 젓가락 등의 정보를 제공해주고 판매하는 사이트 입니다. THE DAJU 사이트는 SignIn SignUp Main Product ProductDetail Search MyPage Cart WishList 로 구성된 사이트입니

아이폰 등 애플 기기에서 아직 문제가 나면 밑에 코드 사용 이래도 해결이 안되어 body란 overflow-x: hidden 사용

기존 코드를 보면 당연히 앞선 문제가 생길 수 밖에 없다.앞선 코드로 문제를 해결할려고 하였지만 해결하지 못했다. 이유는 등록된 상품이 아닌데도 등록된 상품이라는 에러 메세지를 띄웠다. 분명히 db에는 없는 상품인데 코드는 있다고 판별하였다. 그래서 콘솔을 찍어보왔다.