둥글게 둥글게

  • 홈
  • 태그
  • 방명록

js 별점 만들기 1

[javascript] star-rating

⭐️⭐️⭐️ 별점 star-rating을 구현해 보자 요즘 배달, 쇼핑몰, 어플, 장소 등 어느 곳에서나 별점을 볼 수 있을 것이다. 해당 상품의 별점을 통해 만족도를 확인하기 때문에! 정말 기본이 되는 기능 중 하나인 별점을 구현해보고자 한다. ✨ 결과물 👉🏻 star-rating은 재사용이 가능하도록 코드를 구현하였으며, 마우스 반응에 따라 효과를 다르게 주었다. 💛 star를 클릭했을 때는 노랑색 🖤 star에 마우스를 호버 했을 때는 회색 만들기 전에는 간단해 보여서 오래 걸리지 않겠다! 했지만, 역시나 이번에도 큰 오산이었다 🫠 📌 사용자가 정의한 start-rating 컨테이너 요소의 참조를 StarRating 함수에 전달해 star 요소들로 구성된 star-rating 요소를 동적으로 생성 ..

프로젝트/토이 프로젝트 2023.04.22
이전
1
다음
더보기
프로필사진

조유진의 둥근 개발자 일기

  • 분류 전체보기 (199)
    • 프론트엔드 (42)
      • React (5)
      • JAVASCRIPT (11)
      • TYPESCRIPT (1)
      • HTML (7)
      • CSS (8)
      • Next.js (3)
      • 기술블로그 (3)
      • Electron (3)
    • 프로젝트 (19)
      • 개인 프로젝트 (5)
      • 팀 프로젝트 (7)
      • 토이 프로젝트 (7)
    • Git & Github (9)
    • 자료구조 & 알고리즘 (23)
    • 프로그래머스 풀이 (99)
      • level0 (55)
      • level1 (39)
    • 마음가짐 (7)

Tag

프로그래머스, 프로그래머스 문제풀이, 개발공부, level1 문제풀이, 프론트엔드스쿨, js 자료구조, 팀프로젝트, 프론트엔드, 프론트엔드 공부, js 선형자료구조, 프론트엔드개발자, 프로그래머스 level1, 제로베이스, 프론트엔드 프로젝트, HTML, 프론트엔드공부, 프로그래머스 level0, 프로그래머스 level1 문제풀이, frontend, 프로그래머스 level0 문제풀이,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 🙋🏻‍♀️ My GitHub

티스토리툴바