개발자 JIN
close
프로필 배경
프로필 로고

개발자 JIN

  • 분류 전체보기 (115)
    • CSS (1)
    • 졸업작품 (18)
    • Javascript (9)
    • 알고리즘 (30)
      • 자바스크립트-프로그래머스 (22)
      • 자바스크립트-백준 (7)
    • React (9)
    • 포스코x코딩온 (16)
    • 자기계발 - 책 (1)
    • TypeScript (4)
    • 일상 (1)
    • 프론트엔드 개념 (1)
    • 프로젝트 (19)
    • Stroybook (1)
    • MFC (1)
  • 홈
  • 태그
  • 방명록
[포스코x코딩온] 웹개발자 풀스택 과정 4차 팀프로젝트 - 핫딜 페이지(2)

[포스코x코딩온] 웹개발자 풀스택 과정 4차 팀프로젝트 - 핫딜 페이지(2)

🔥 핫딜 페이지(2) 여기서는 제품 상세 페이지와 결제 페이지 장바구니 기능등을 소개 할 예정이다. 모든 모달 뒷 배경은 흐리게 만들어 사용자가 모달 창에 집중할 수 있게 만들었다. 1️⃣제품 상세 모달 제품 상세를 모달로 띄우는데는 어려움이 없었다. 핫딜 페이지에서 상품을 클릭하면 props로 상품의 id값을 넘겨줘서 그 상품에 대한 정보를 axios 호출을 해주면 되었기 때문이다. 또한 UI상으로 제품 상세 모달이 나왔는데 뒷 배경에 스크롤이 있으면 이상하다고 생각하여 스크롤을 막고 없애버렸다. // shoppingDetail 모달 생기면 뒷 배경 스크롤 막는 함수 useEffect(() => { if (isOpenModal === true) { document.body.style.cssText = ..

  • format_list_bulleted 프로젝트
  • · 2023. 12. 12.
  • textsms
[포스코x코딩온] 웹개발자 풀스택 과정 4차 팀프로젝트 - 회고록(1)

[포스코x코딩온] 웹개발자 풀스택 과정 4차 팀프로젝트 - 회고록(1)

배포 링크 : https://doongg.site/ 깃 허브 : https://github.com/orgs/DoongG/repositories 🐣 DoongG(둥지) 드디어 부트캠프의 마지막 프로젝트가 시작되었다. 기간이 긴 만큼 기획과 개발까지 차근차근 시작했다. 팀원은 자유였으며 나는 원래 친한 5명의 크루들과 함께 프로젝트를 시작했다. 총 5명이었으며 프론트 3명 백엔드 2명으로 이루었다. 주제를 정해야 했다. 팀원 모두의 흥미를 이끌 수 있는 주제를 생각해봤다. 우리 팀원들 과반 수 이상이 혼자 산 경험이 있었다. 그래서 자취생들을 위한 플랫폼을 만들기로 했다. 플랫폼에 어떤 것을 넣을 까 생각을 해봤는데 자취생들은 일반적으로 돈이 부족하기 때문에 '핫딜 상품'만 모아둔 쇼핑 페이지, 자취생들끼리..

  • format_list_bulleted 프로젝트
  • · 2023. 12. 11.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (115)
    • CSS (1)
    • 졸업작품 (18)
    • Javascript (9)
    • 알고리즘 (30)
      • 자바스크립트-프로그래머스 (22)
      • 자바스크립트-백준 (7)
    • React (9)
    • 포스코x코딩온 (16)
    • 자기계발 - 책 (1)
    • TypeScript (4)
    • 일상 (1)
    • 프론트엔드 개념 (1)
    • 프로젝트 (19)
    • Stroybook (1)
    • MFC (1)
최근 글
인기 글
최근 댓글
태그
  • #코딩테스트
  • #작품
  • #자바스크립트
  • #프론트엔드
  • #프로그래머스
  • #CSS
  • #팀 프로젝트
  • #졸업작품
  • #REACT
  • #코딩온
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바