inflearn logo
강의

講義

知識共有

真似して学ぶNode、Reactシリーズ - ショッピングモールサイト作り[全面リニューアル]

Vite ESlintの設定

쇼핑몰기능중 찜하기 기능은 어떻게 구현하나요

139

nature13394969

投稿した質問数 10

0

쇼핑몰기능중 찜하기 기능은 어떻게 구현하나요

react redux node.js 웹앱 mongodb

回答 2

0

nature13394969

안내해주신것은 찜하기 기능이 아닌거 같아요.

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 네이쳐님.

쇼핑몰 사이트에서 찜하기 기능을 구현하는 것은 재미있고 유용한 학습 경험이 될 것입니다. 이 기능은 사용자에게 마음에 든 상품을 저장해 두었다가 나중에 다시 찾아볼 수 있게 해주는 기능입니다.

찜하기 기능을 구현하기 위해서는 다음과 같은 주요 단계를 고려할 수 있습니다:
1. 데이터베이스 설계: 사용자별로 찜한 상품을 저장할 수 있는 테이블(또는 컬렉션)이 필요합니다. 이를 위해 사용자 ID와 제품 ID를 매핑하는 구조를 가질 수 있습니다.
2. 찜하기 API 만들기: 클라이언트가 찜하기 버튼을 클릭할 때 서버와 통신하여 해당 제품을 사용자의 찜 리스트에 추가하거나 제거하는 API가 필요합니다.
3. 찜 상태 관리: 프론트엔드에서 사용자가 특정 제품을 찜했는지 여부를 확인하고, 이에 따라 버튼의 상태(예: 색상 변경)을 업데이트 해야 합니다.

유사한 질문 및 답변이 존재합니다. 찜하기 기능뿐만 아니라 비슷한 기능 구현 방식에 대한 예제를 참고하고 싶으시다면 다음 링크들을 확인해보세요:

  1. 데이터베이스에서 가져온 상품 정보들 보여주기 파트 관련 질문
    이 링크에서는 데이터베이스에서 가져온 정보를 제대로 보여주지 못할 때의 문제 해결법에 대해 논의하고 있으며, 데이터 관리에 대한 이해를 높일 수 있습니다.

  2. CRUD를 해보고싶은데 UD를 질문드려도될까요
    이 게시물에서는 CRUD 기능에서 업데이트(Update)와 삭제(Delete) 부분에 대해 설명하고 있으므로 찜하기와 같은 사용자 인터랙션의 저장 및 삭제 기능에 적용할 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

강의 내용은 훌륭하나, 환경 설정 오류 때문에 진도를 나갈 수 없습니다. 20년 버전 강의.

0

60

1

강의자료는 어디서 볼 수있나요??

0

66

1

이 쇼핑몰 만들기 강의는 관리자페이지 만드는건 없나요

0

114

2

웹에서 실시간 코드반영이 안돼요

0

120

1

app.use질문

0

64

1

강사님께 어떻게 직접질문할수있어요??

0

76

1

const함수같은거 기초강의는 어디있나요

0

81

2

리덕스 참조챕터가 어딨어요? 미리듣고오라는데요

0

81

2

강의가완전 오래되서 다 틀리네 app.jsx도 tailwind css 다틀림 무책임함

0

68

1

개발자도구에 redux란이 없어요

0

88

1

npx tailwindcss init -p 에서 계속 에러나요

0

92

1

강의하다 줌으로 설명가능한지좀 정확히 알려주세요. 이 선생님 정책이 어떻게 되는데요. 직접 연락할 메일이라도 알려주세요

0

43

1

도표 강의 자료 열람 불가능

0

109

1

tailwindcss를 vite에서 이용하는 방식이 바뀐것 같습니다.

0

1132

2

eslint 설정 후 오류가 납니다.

0

223

1

오버로드 오류

0

150

1

VSCode에서 save를 할 때, landingpage의 useEffect가 실행되는 문제에 대하여

0

169

1

dispatch(logoutUser()) 실행시 dispatch(authuser())도 함께 실행되는 문제

0

228

2

logout할 때, server로 요청을 보내서 authUser middleware를 통과하도록 하는 이유?

0

195

1

webkit-text-size-adjust 오류

0

315

1

does not provide an export named 'userReducer'

0

217

2

빌드 배포

0

140

1

삭제 예정 강의는 언제 삭제 되나요? 저것때문에 수강완료를 못하면 회사에서 비용을 청구한다고 합니다~

0

220

2

Like 검색으로 구현하려면 어떻게 하면 될까요?

0

257

1