본문 바로가기

분류 전체보기206

리액트 vscode Failed to load jshint library. 에러 처리 방법 리액트 VSCode "Failed to load jshint library" 에러 처리 방법 서론 최근에 새로운 노트북에 Visual Studio Code (VSCode)를 설치하고, 리액트를 개발하던 중 "Failed to load jshint library. Please install jshint in your workspace folder using 'npm install jshint' and then press Retry." 에러 메시지가 출력되는 상황을 겪었습니다. 처음에는 인터넷에서 많이 나오는 대로 jshint를 설치하려고 시도했지만, 그 결과 엄격한 경고와 불필요한 간섭을 겪게 되었습니다. 이번 포스팅에서는 이 문제의 해결 방법을 소개하겠습니다. 본론 VSCode에서 이 "Failed to.. 2021. 8. 6.

JAVASCRIPT FOR DETECTING BROWSER LANGUAGE (브라우저 언어 추출) 현재 브라우저 언어 설정값을 가져오는 방법에는 IE와 비 IE(파폭, 크롬 등등)의 차이가 있습니다. IE의 navigator객체에는 systemLanguage, userLanguage, browserLanguage 가 있어 마치 브라우저 언어를 보여줄 것 같지만, 전혀 그렇지 않아 사람을 혼란에 빠트리죠. 혼란을 주는 IE전용 속성 navigator.userLanguage OS의 제어판 – 국가 및 언어 – 입력 언어를 나타낸다. navigator.browserLanguage, navigator.systemLanguage OS의 제어판 – 국가 및 언어 – 표시 언어의 반환한다.(browserLanguage와 systemLanguage의 차이는 발견하지 못했다.) 모두 OS 언어 설정과 연관되어있다 $.. 2021. 7. 21.

엑셀 무료 다운로드 스프레드시트는 회계작업이나 많은 데이터의 계산에 주로 활용됩니다. 조선시대 다산 정약용이 엑셀 마스터였다는 사실은 역사 덕후들에게는 널리 알려진 사실이다.(반은 정말로!!) 많은 정보를 체계적으로 입력하고 빠르게 처리하기위해 엑셀 무료 다운로드를 이용하는 분들이 많습니다. 엑셀같은 프로그램을 스프레드시트라고 하는데 이런 프로그램은 여러 회사 제품이 존재하지만 우리는 보통 마이크로소프트 엑셀만 기억하고 있습니다. 그런데 ms오피스 엑셀은 굉장히 고가의 프로그램입니다. 많은 사람들이 ms오피스 엑셀을 사용하고 익숙해지다보니, 이런 아류 프로그램들이 대체로 엑셀과 비슷한 형식을 유지하고 있죠. 한컴오피스의 한셀, 구글의 스프레드시트 등등이 그렇습니다. 엑셀은 이름에도 있다시피 셀로 구성된 시트가 주 화면입니다.. 2021. 7. 1.

자바스크립트 navigator.useragent로 브라우저 정보를 확인하기. 자바스크립트 navigator.useragent로 브라우저 정보를 확인하기. 2014.06.29 10:13 퍼블리싱을 하거나 웹페이지를 개발하다 보면, 사용하는 브라우저의 환경에 따라 분기를 처리해주어야 할 때가 생긴다. 그럴 때 반드시 처리해 주어야 할 자바스크립트의 navigator.useragnet를 이용하면 브라우저의 정보를 확인할 수 있다. 다들 알고 있는 부분인데, 이렇게 확인된 useragent값을 어떻게 활용할 것인가가 부차적인 문제가 된다. 일단은 이번 포스팅에서는 userAgent를 문자열로 넘겨서 확인하는 것까지만 진행하도록 하겠다. var ua = navigator.userAgent; document.write(ua); 위의 표에서 보다시피 굉장히 간단하다. navigator.use.. 2021. 7. 1.

리액트 데이트피커 포맷 api axios error문제 react datepicker date format axios not working 리액트에서는 jquery용 데이트 피커를 사용할 수 없다. 아니 사실 리액트용 데이트피커인 react datepicker가 훨씬 깔끔하게 사용되기 때문에 굳이 제이쿼리 데이트 피커를 붙여야 할 필요가 없다. 사실 아직 리액트가 초짜라 react datepicker를 온전히 다루지는 못하고 있기 때문에 정석으로 설정하는 방법은 사실 나도 잘 모르겠다. 일단, 신규 프로젝트에서 datepicker를 사용할 일이 있어서 설치했다. yarn add react-datepicker 혹은 npm i react-datepicker 로 설치 하면 되겠다. 그런데 문제는 이렇게 설치하고 import DatePicker from "react-datepicker"; 했을 경우 스타일 깨짐 문제가 발생했다. 이유는 모르겠지만 .. 2021. 5. 20.

CSS로 네온 텍스트를 만드는 방법 ✈네온 텍스트는 모든 웹 사이트에 멋지고 미래적인 느낌을 더할 수 있습니다. 저는 항상 네온사인의 마법을 좋아했고 CSS를 사용하여 다시 만들고 싶었습니다. 나는 그것을 하는 방법에 대한 몇 가지 팁을 공유할 것이라고 생각했습니다! 이 기사에서는 텍스트에 빛나는 효과를 추가하는 방법을 살펴보겠습니다. 또한 CSS와 키 프레임을 사용하여 네온사인에 다양한 방법을 살펴보겠습니다. 다음은 우리가 만들 것입니다. 텍스트에 글로우 효과 추가 먼저 텍스트를 빛나게 만들어 보겠습니다. text-shadow속성을 사용하여 CSS에서 수행할 수 있습니다.깔끔한 점 text-shadow은 쉼표로 구분하여 여러 그림자를 적용할 수 있다는 것입니다. .neonText { color: #fff; text-shadow: 0 0 .. 2021. 5. 6.

이전 1 ··· 15 16 17 18 19 20 21 ··· 35 다음

티스토리툴바