본문 바로가기

🧡 Projects/🧡 Projects: Web9

[ React ] 장바구니 구현 중 수량에 따른 가격 계산 오류 이슈 해결 React에서 useReducer를 사용해 장바구니 기능을 구현하던 중,수량을 조절하는 + 버튼을 클릭했을 때 가격이 NaN으로 표시되거나, 수량과 맞지 않는 가격이 표시되는 현상이 나타났습니다.이 글에서는 1️⃣ 문제 상황, 2️⃣ 원인 분석, 3️⃣ 해결 방법과 함께 관련 개념을 정리해보았습니다. 💡 내가 구현하고자 했던 기능"React 티셔츠 추가"버튼을 누르면 장바구니에 상품이 추가된다.+,- 버튼을 눌러 수량을 조절각 아이템의 수량에 따라 가격이 실시간으로 반영 🚨 문제 1: 가격이 NaN으로 표시됨📌 발생 상황수량 증가(+) 버튼을 눌렀을 때 가격이 NaN으로 표시됨🔍 원인sampleItem 객체 내부에서 total: this.price * this.quantity를 사용함하지만 일반.. 2025. 4. 7.

[유레카] github에 html 배포 시 영상, 사진 안 보이는 문제 해결 배포는 했는데, 사진, 영상이 안 나오는 문제가 생김. 내가 생각한 원인은 내가 사진, 영상을 몇개 삭제했는데 그래서 어떤거는 잘 보이는데 어떤거는 잘 안 보이는 것 같다. 그러다가 배포한 파일의 경로와 사진, 영상의 경로를 고려해야한다는 것을 확인!! 여기서 보면 개인사진1 은 잘보이는데 나머지 영상, 카페1,2 자신감 이미지는 안 보였다.보면 이미지는 모두 같은 경로에 있기 때문에 앞에 /는 없애준다../ 가 부모이므로, 영상도 /video > ./video로 앞에 점을 잘 붙여준다. . / : 부모 / : 절대 경로 현재 이미지는 모두 같은 폴더 위치에 있으므로./ 자신감 -> /자신감 처럼 변경! github page 이미지가 안뜰 때?!🚨문제발생🚨 분명 로컬에서 보았을 때 멀.. 2025. 2. 3.

[web] SNS Instagram 커뮤니티 만들기(post,like, comments,signin) (Nextjs, tailwind, firebase) ☑️ 커뮤니티 게시판 기획 조건 ☑️ 1. 게시판이 최소 7개 존재 2. UI가 2개 (즉 페이지가 넘어가야) 3. 좋아요, 댓글, 추천 기능 4. 웹, 앱 반응형 웹사이트 🎯 커뮤니티 기획안 🎯 1. 주제: 자기계발 게시판 2. 구글로 SingIn을 해서 좋아요와 댓글, 추천 기능, 포스팅까지 가능 💡 SKILL 💡 1. Reactjs + NextJs 2. 댓글과 좋아요, 포스팅 등을 위한 데이터 관리 -> firebase 3. firebase에서 구글로 로그인하기 활용 (authentification) 4. CSS 는 tailwindcss 활용 SignIn sign out signOut 된 상태에서는 댓글, 좋아요, 추천 기능을 할 수 없다. signIn 버튼을 누르면 '구글로 로그인' 버튼이 있는 .. 2022. 11. 1.

[web] 기본 더하기 연산 게임 개발 [PlusPlus] ☑️ 기본 더하기 연산자 게임 조건 ☑️ 1. 어떤 이벤트 A 가 발생하면 1~100 사이의 랜덤 숫자가 하나 생성 (반복) 2. 최소 3개의 숫자가 발생하면 이벤트 B 를 통해 세개의 숫자를 더해서 제시 🎯 PlusPlus Game 규칙 🎯 1. Start Game 버튼을 눌러 게임을 시작한다 2. 버튼을 누르면 60초동안 진행 3. 세개의 카드를 눌러 랜덤 숫자를 확인, 4. 3개의 카드를 모두 뒤집어야지만 답이 생성 5. 제한시간 60초 내에 빠르게 랜덤숫자 3개의 총합을 입력 6. 게임 중간 Reset Game 버튼을 누르면 재시작 가능 7. 게임종료 후 Score 출력 💡 SKILL 💡 1. HTML,CSS,JavaScript를 사용 2. css는 tailwindcss 를 적용 💡 오픈 API .. 2022. 10. 31.

[스파르타코딩클럽] 30분만에 프로필 만들기 안녕하세요! 오늘은 30분만에 프로필을 만들어볼 예정입니다! 여러분 인스타나 이력서에 '링크트리'로 여러 사이트를 묶어놓은 것 많이 보셨죠?? 링크트리는 매달 구독료를 지불해야 하지만! 오늘은 "무료로!!" 프로필 링크를 만들어볼 예정입니다! 강의는 정말 30-40분이지만 넉넉히 1시간정도 걸렸습니다! 그치만 무료로 프로필 링크를 만들 수 있다고 하니 여러분도 도전해보세요!! ⭐ 두구두구 완성본!!! ⭐ https://arty0928.github.io/MyPage/ Eunseo park - profile Think, Invent, And be patient. arty0928.github.io 그럼 저는 지인들에게 추천하러 갑니당 총총 👇👇 https://sparta-profile.oopy.io/ 👇👇 무.. 2022. 6. 20.

[스파르타코딩클럽] 르탄즈 3기 - (1주차) 추억소환 코딩 패키지 #spartacodingclub #스파르타코딩클럽 #르탄이 #spartacodingclub #누구나큰일낼수있어 #스파르타코딩클럽 + #가정의달이벤트 #가정의달 #코딩 1시간만에 내 추억을 기록할 수 있는 웹페이지를 만들 수 있다?! 사실 르탄즈 3기로 활동하기 전에 스파르타 코딩 클럽에서 '웹개발종합'편을 수강하고 있었어요! 대학생 마케터를 선발한다고 해서 바로 신청했습니닿ㅎㅎ 무료로 코딩 강의를 수강할 수 있을 뿐만 아니라 관련 콘텐츠를 제작하면서 더 연구할 수 있어서 여러분들께 추천드려요!! 그럼 시작해볼까요?? #누구나 # 큰일 낼 수있어 💖 1주차 르탄즈의 MISSION은 초보 + 비전공자에게 도움이 될 맛보기 강의에요! 👉 1) 5월 가정의 달 특강 https://sparta-2022family.. 2022. 5. 23.

이전 1 2 다음

티스토리툴바