쇼핑몰 및 채팅 서비스에서 별점 주기 컴포넌트 구현

가만있어 보자..  쇼핑몰이나 채팅 서비스에서 상담사에게 별점을 주는 시스템이 있는데,별점 줄때 쓰는 거 머시기 있는데.. 자주 쓰이는건 아니지만 아주 간혹 이런 형태의 작업이 들어옴..어쩌것어... 그럼 만들어야지.... 뭐 방식이야 여러가지 형태로 있겠지만 .. 그런 방식 따위는 그냥 개무시하고 내가 생각한대로 만들어서 기능 구현이 되면 되는거다. import React, { useState } from 'react';import Style from './EvaluateStyle';import { IconStart } from '../../assets/images/common/IconSet';const Evaluate = Style(APP_SKIN);function EvaluateWrap(props)..

• format_list_bulleted 개발연습막쓰기/React 개발연습 막쓰기
• · 2024. 9. 9.
• textsms

React 트랜지션을 이용한 모달팝업 컴포넌트

웹 접근성 이슈로 인한 display와 transition 문제작업을 진행할 때, 웹 접근성 이슈로 display와 transition을 사용해야 하는 경우가 생긴다.(다른 방법 있나? 있음 알려주쇼)그런데 다들 알고 있겠지만, display: none 상태에서 transition이 작동하지 않는다. display 속성 자체가 애니메이션화(transition)할 수 없기 때문이고, display 속성은 요소가 화면에 표시될지 여부를 결정하는 속성인데, 이는 이진 상태(보이거나 보이지 않음)로 처리되기 때문이다. 따라서 display: none에서 display: block 등으로 변경할 때 중간 상태가 없으므로 transition 애니메이션이 작동하지 않는다.  뭐 암튼 그렇다고 나도 잘 몰라 🥲  t..

• format_list_bulleted 개발연습막쓰기/React 개발연습 막쓰기
• · 2024. 9. 4.
• textsms

자바스크립트 문제 풀이 5~8

https://spoon718.tistory.com/208

• format_list_bulleted 개발연습막쓰기
• · 2020. 11. 3.
• textsms

배열관련 1~4 문제풀이

https://spoon718.tistory.com/208 참고: console.log) // var value = ["apply", "pie", "fig", "melon", "pear", "peach"]; // 3. 풀이 // console.log(value.length) // 4. (참고: forEach, some, for - 자바스크립트 순수 for 구문) // 입력 받은 배열의 순번과 값을 모두 출력하세요 // var value = ["apply", "pie", "fig", "melon", "pear", "peach"]; // 4. for 문을 이용 풀이 // for (var i = 0; i < value.length ; i ++){ // console.log(value[i] + ' ' + i);..

• format_list_bulleted 개발연습막쓰기/개발연습 막쓰기
• · 2020. 10. 26.
• textsms

javascript 구구단

(function (){ for (var i = 2; i < 10; i++){ console.log(i + '단' ); for(var j = 1; j < 10; j++){ console.log(i + '*' + j + '=' + i * j ) } } })();

• format_list_bulleted 개발연습막쓰기/개발연습 막쓰기
• · 2020. 10. 19.
• textsms

자바스크립트 배열 기초 문제

//자바스크립트 실행 사이트https://jsbin.com/?html,js,console,output /****자바스크립트 array 관련 문제 입니다.자바스키릅트 array 함수만 사용해서 풀기를 권장합니다.자바스크립트 array 참고 사이트는 아래와 같습니다.https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array 참고: 문제를 풀기 전(후) 해당 코드에 주석(설명)을 남기는 습관을 들이면 자신의 생각을 정리 할 수 있습니다.****/ ================================================================== /***문제1 (참고: push)입력받은 배열의 마지막에..

• format_list_bulleted 개발연습막쓰기/개발연습 막쓰기
• · 2020. 10. 18.
• textsms