SeaPlus

  • 홈
  • 태그
  • 방명록

forEach 1

UI: Select option (하드코딩 & forEach함수)

form 에서 상품들을 선택하면 그에 맞게 사이즈 option들이 변하는 UI 이다. 소핑몰 웹사이트에서 흔하게 볼수 있는 매우 기본적인 UI로, 하드코딩 방법과 동적프로그래밍 방법으로 구현해봤다. (JQuery 사용!) 하드코딩이란? - 상수나 변수에 들어가는 값(문자열, 정수 등)을 literal이라고 하는데, 이 값을 소스코드에 직접 쓰는 게 하드코딩 - 반대로, 소스코드에 직접 쓰지 않고 데이터를 외부 파일로 빼서 따로 관리하는 것을 '로딩'이라고 한다. 장점 - 육안으로 값을 직접 확인할수있다. - 로딩절차 없이 다이렉트로 읽을수 있어 속도가 비교적 빠르다. 단점 - 자주바뀌는 데이터를 하드코딩하면 계속해서 수정하고 ,재컴파일, 재배포 해야한다. - 유지보수, 운용이 어렵게 된다. [HTML] ..

JavaScript/javascript UI 2021.09.16
이전
1
다음
프로필사진

SeaPlus

  • 분류 전체보기
    • 🎓 Education
    • WEB Develop
    • HTML & CSS
      • Library
      • Sass(SCSS)
    • JavaScript
      • JQuery
      • javascript UI
      • JSON
    • GO
    • BlockChain
    • CS
    • WEB animation & effect
      • button
      • page effect
      • product card
      • nav & menu

Tag

코딩애플, button hover, js, 클라이언트 사이드, 고언어, 라이브러리, go, CSS, SCSS, Ajax, animation, UI, product card design, Ionicons, javascript, Golang, JavaScript / jQuery 입문과 웹 UI개발, html, 김버그의 UI 개발 부트캠프, 애니메이션,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 09  
일 월 화 수 목 금 토
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.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.