Web-app/React
-
React 별점 기능 구현 컴포넌트 만들어보기Web-app/React 2023. 12. 17. 14:25
React로 별점 기능 구현 컴포넌트를 만들어 보았습니다 ⭐ 예쁜 별 svg 파일을 찾기 위해 react-icons 라는 모듈을 이용해 보았습니다. 👉설치 방법 npm install react-icons/fa 👉사용 방법 import { FaStar } from 'react-icons/fa' 별 svg 이외에도 수많은 svg파일을 제공하며 License를 참고하여 이용하면 많은 도움이 될 듯 합니다. 저는 별 말고 불 모양으로 실험해보았습니다. 👉별점 기능을 구현하기 위한 핵심 css 설정 - mouse가 component위에 over되어 있으면 css class를 rating-star-over, 그렇지 않으면 rating-star-out으로 지정한다. - isHover값이 변하면 css class가 변..
-
ERR_OSSL_EVP_UNSUPPORTED, digital envelope routines::unsupported 오류 해결, Window에서 node JS 버전 관리하기Web-app/React 2023. 8. 5. 15:36
오류 이름 : npm start 후 digital envelope routines::unsupported 해결 방법 1. 윈도우의 경우 nvm을 설치해서 node js 버전 관리를 해줘야 함. (Node js 18-> 16 downgrade, react-script : "3.2.0") 2. package.josn에 react-script를 5.0.1로 바꿔서 npm install 후 npm start 실행 3. package.json에 script항목에 --openssl-legacy-provider start를 쓰라고 함 오늘도 오류 천국 오늘은 어떤 오류가 나타났을까요 Udemy에서 선상님이 만들어 놓은 리액트 프로젝트를 열려고 npm start를 누르니까 Error: error:0308010C:dig..
-
PSSecurityException 스크립트 실행 정책 오류 해결Web-app/React 2023. 8. 5. 14:46
npm start로 만들어진 리액트 프로젝트를 실행시키려고 했던 나.. 이 시스템에서 스크립트를 실행할 수 없으므로 파일을 로드할 수 없습니다. Category Info : 보안오류 PSSecurityException 빨간글씨로 무시무시하게 뜨는 것이 아니겄읍니까 그래서 시키는 대로 해보았읍니다. 실행 정책 정보 - PowerShell PowerShell 실행 정책을 설명하고 이를 관리하는 방법을 설명합니다. learn.microsoft.com 이 오류를 해결하기 위해서는 윈도우 PowerShell 의 정책에 대해 알아야 합니다. PowerShell을 관리자 권한으로 열고 Get-ExecutionPolicy를 입력합니다. Get-ExecutionPolicy -List 를 실행했을 때 모두 Undefine..