Lect & Tip102 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. ๋ฆฌ์กํธ ๋ฐ์ดํธํผ์ปค ํฌ๋งท 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. ์ด์ 1 ยทยทยท 3 4 5 6 7 8 9 ยทยทยท 17 ๋ค์