본문 바로가기

Lect & Tip133

vs code Git Remote repository url 변경 📌 vscode가 git 플러그인을 사용하긴 해도, 기본적으로 vscode는 vscode이고, git은 git이다. vscode는 git을 잘 이용할 수 있게 해 주도록 플러그인으로 interface만 제공한다고 보면 된다. Git Remote repository url 변경은 기존의 리모트 origin을 제거하고, 새 repository url을 입력해주면 된다. 순서가 바뀌면 당연히 안된다. 이 작업을 하기 전에 git 리포지트리를 깨끗이 해 줄 필요가 있다. git pull git add . git commit -m "clean push" git push 그런 뒤에 Remote origin을 제거한다. git remote remove origin 다시 이 상태에서 새 Remote repository.. 2022. 11. 7.

javascript classList.toggle로 jquery addClass, removeClass, toggleClass 구현하기 / 더보기 버튼 클릭시 영역 확장 Javascript classList.toggle로 jQuery addClass, removeClass, toggleClass 구현하기 / 더보기 버튼 클릭시 영역 확장 서론 Javascript와 React에서 더보기 버튼을 클릭하면 내용이 확장되는 컴포넌트를 구현해보려고 합니다. 이를 위해서 jQuery를 사용하면 간단하지만, React에서는 불편함이 있습니다. 그러나 우리는 ref와 useState를 활용하여 더 간편하게 구현할 수 있습니다. 이번 블로그 포스팅에서는 classList.toggle 메서드를 활용하여 jQuery의 addClass, removeClass, toggleClass를 구현해보도록 하겠습니다. 또한, 더보기 버튼을 클릭하여 영역을 확장하는 예제도 함께 제시하겠습니다. class.. 2022. 11. 2.

autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated. 뜻 해결 방법 /end value has mixed support, consider using flex-end instead / Node-sass incompatible with ^4.0.0 VSCODE업데이트 이후 갑자기 에러가 뜨기 시작했다. 하아... 뭐야... 아 물론 내 소스는 아니다. 난 이미 해결을 했으므로... WARNING in ./node_modules/bootstrap/dist/css/bootstrap.min.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/bootstrap/dist/css/bootstrap.min.css) Module.. 2022. 10. 20.

리액트 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.

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

이전 1 ··· 8 9 10 11 12 13 14 ··· 23 다음

티스토리툴바