본문 바로가기
300x250

Web26

[Vue] should always be multi-word vue/multi-word-component-names 에러 해결 방법 Vue에서는 컴포넌트의 이름을 단일 단어가 아닌 두 개 이상의 단어를 조합하여 만드는 것을 추천한다고 합니다. 이유는 HTML의 요소와 혼동을 일으킬 수 있는 요소가 발생할 수 있어서 그렇다고 합니다. ESLint를 설치한 경우 단일 단어로 입력했을 경우 에러를 발생시킵니다. 예를 들어 Menu.vue와 같이 작성 했을 경우 에러가 발생하며 TitleMenu.vue로 작성 했을 경우 에러가 발생하지 않습니다. ESLint를 설치한 상황에서 단일 단어로 입력해도 에러가 발생하지 않도록 하는 방법에 대해 알아보도록 하겠습니다. ESLint란? ESLint란 ES + Lint의 합성어 입니다. ES 는 표준 자바스크립트(ECMA Javascript)를 말합니다. Lint란 에러가 있는 코드에 표시를 달아두는 .. 2023. 4. 16.
자바 설치 시 Internal Error 61003 발생 시 해결 방법 윈도우 서버에 자바8 설치 하려는데 Internal Error 61003 이 발생하였다. OK를 누른 후 설치를 진행해도 설치는 되지만 설치 완료 후 자바 실행 시 에러 발생하며 실행이 안됩니다. 이 때 해결방법은 Microsoft Visual C++ 2015 재배포 가능 패키지 Update 3 RC를 다운 받아 설치 후 자바 재설치 시 정상동작합니다. 2022. 10. 29.
[React] 프로그레스바 꾸미기(React Circular Progressbar) 작은 프로젝트를 진행하는데 프로그레스 바 그리는 것이 필요하기에 어떤 걸 사용할까 찾아보다 보니 원형 프로그레스 바 예쁜 것이 있어서 적용시켜보았습니다. 적용하는데 어려움도 없고 바로 사용할 수 있으니 참고하시기 바랍니다. 라이브러리 이름은 React circular progressbar 입니다. 설치 방법은 아래와 같이 명령어 먼저 작성합니다. yarn으로 설치 시 yarn add react-circular-progressbar npm으로 설치 시 npm install --save react-circular-progressbar 그리고 난 다음에 import { CircularProgressbar } from 'react-circular-progressbar'; import 'react-circular.. 2022. 10. 2.
React-js 설치하기. 노드는 이전 포스팅에서 설치를 완료 하였으니 React-js 설치 하는 방법을 작성해두려고 한다. 해당 폴더의 터미널에 npx create-react-app '프로젝트명' 을 칩니다. 예를 들어 프로젝트 명이 test일 경우 아래와 같이 작성합니다. npx create-react-app test 설치가 완료 되면 npm start 명령어를 통해 리액트 프로젝트를 띄울 수 있습니다. npm start 위 명령어를 치면 http://localhost:3000에 프로젝트가 실행되고 있음을 확인할 수 있습니다. 2022. 9. 27.
300x250