designer DK의 블로그

  • 홈
  • 태그
  • 방명록

변수 1

재고 추가 기능 만들기. javaScript 프론트엔드

쇼핑몰 어드민 쪽 상품 추가 기능을 만들면서 재고추가 기능이 들어갔다.기능을 간단하게 풀어보면1. 재고 추가 버튼을 누른다.2. 한 쌍의 인풋이 추가된다. (각각 사이즈 : 수량)3. 버튼을 더 누르면 재고 인풋이 추가된다.4. 인풋에 값을 입력하면 stockValues라는 변수에 객체 형태로 값이 담긴다. 예 : { S:2, M:2, L:1 } 이런저런 우여곡절 끝에 아래와 같은 코드로 구현할 수 있었다. //재고 정보 추가 및 삭제 기능let stockValues = {}; // 객체로 재고 정보를 저장let stockCount = 0; // 고유한 ID를 관리하는 변수addStock.addEventListener('click', () => { const currentId = stockCount; /..

나의 개발 일지 2024.10.24
이전
1
다음
더보기
프로필사진

designer DK의 블로그

designer DK의 블로그 입니다.

250x250
  • 분류 전체보기 (71)
    • GRAFFIN (1)
    • 나의 개발 일지 (56)
    • UX UI 포트폴리오 (1)
    • 생활 팁 (3)
    • 일상 (2)
    • 생각 (1)
    • 블렌더 팁 (2)

Tag

URL, mongoDB, 백엔드, API, 자바스크립트, 프론트엔드, node.js, nodejs, 풀스택, 페이지네이션, cloudtype, CSS, javascript, netlify, 개발, 서울시유치원, 배포, 쇼핑몰, graffin, 웹컴포넌트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • MY 유튜브 채널

티스토리툴바