본문 바로가기

분류 전체보기221

자바스크립트 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.

구글 스프레드시트 중복값 찾기, 제거, 확인하기 Remove Duplicates 부가기능 저번 시간에는 마이크로소프트 엑셀에서 중복 값 제거하는 방법을 살펴봤습니다. 그런데 저는 마이크로소프트 엑셀도 자주 쓰지만, 노트북으로 작업할 때는 클라우드 작업이 더 용이한 구글 드라이브의 스프레드 시트를 자주 이용합니다. 언제 어디서나 꺼내 쓸 수 있고, 무엇보다 무료라 마음 놓고 쓸 수도 있기 때문입니다. 대신 엑셀에서는 손쉽게 되는 기능이 없는 경우가 종종 있어서 불편합니다. 바로 중복 값 제거 같은 기능은 기본 제공이 안된다는 것입니다. 하지만 부가기능으로 addon을 할 수 있습니다. 구글 스프레드시트 부가기능 메뉴를 열면 부가기능 열기 항목이 보입니다. 저는 이미 Remove Duplicates 기능을 사용하고 있어서 보이지만, 설치 안된 분들은 보이지 않습니다. Remove Duplicat.. 2021. 3. 24.

ReactJS input, select disabled 제어. Warning: Received the string `false` for the boolean attribute `disabled`. The browser will interpret it as a truthy value. Did you mean disabled={false}? ReactJS Warning: Received the string `false` for the boolean attribute `disabled`. The browser will interpret it as a truthy value. Did you mean disabled={false}? ReactJS input, select disabled 제어. index.js:1 Warning: Received the string `false` for the boolean attribute `disabled`. The browser will interpret it as a truthy value. Did you mean disabled={false}? at input at td at tr at tbody at t.. 2021. 3. 23.

리액트 Warning: Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>. 리액트 프런트엔드 개발 중에 select를 사용할 때 jquery를 쓰던 습성대로 코딩을 하다 보면 반드시 만나게 되는 흔한 오류 중의 하나가 바로 selected를 사용하지 말라는 경고다. Warning: Use the `defaultValue` or `value` props on instead of setting `selected` on . 'selected'대신에 select에 defaultValue 또는 value props를 사용하라는 뜻이다. 잘못 쓴 리액트 셀렉트 사용법 선택안함 가맹 해지 ; 아래와 같이 쓰면 간단하다. 선택안함 가맹 해지 ref props는 필요에 따라 사용된 것이니 신경쓰지 않아도 무방하다. 만약 select에서 멀티플 셀렉트로 선택할 경우에는 value를 배열로 주면 .. 2021. 2. 27.

이전 1 ··· 18 19 20 21 22 23 24 ··· 37 다음

티스토리툴바