Lect & Tip109 ๋ฆฌ์กํธ ๋ฐ์ดํธํผ์ปค ํฌ๋งท 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. 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. ์ฌ๋ฌ๊ฐ์ง ๋ฆฌ์กํธ ๋ฉํฐ ๋ ์ด์์ connected-react-router multi layout ์ ์ฉํ๊ธฐ ๋ฆฌ์กํธ๋ฅผ ๋ณ๋ก ์ข์ํ์ง ์๋ 1์ธ์ด๋ค. ๊ทธ๋ฐ๋ฐ ์ด์ฉ ์ ์์ด ๋ฆฌ์กํธ ํ์ ์ ํด์ผ ํด์ ํผ๋ธ๋ฆฌ์ ๊ฒธ ํ๋ฐํธ ์๋๋ก ์ฐธ์ฌ ์ค์ด๋ค. jquery๋ผ๋ฉด ๋จ๋ฐ์ ๋๋ผ ๋ฌธ์ ์ ๊ณ ๋ฏผํ์ง ์์๋ ๋ ๋ฌธ์ ๋ค์ด ๋ฆฌ์กํธ์๋ ๋์ณ๋๋ค. ์ ์ฐ๋์ง๋ ์ฌ์ ํ ๋ชจ๋ฅด๊ฒ ์ง๋ง ๊น๋ผ๋๊น ๊น๋ค. ์ผ๋จ SPA ์ฌ์ดํธ์์ ๋ฆฌ์กํธ๊ฐ ํธํ ๊ฒ์ ๋์ถฉ ์ง์์ ๋๋ค. ๊ทธ๋ฐ๋ฐ SPA์ฌ์ดํธ๋ผ๊ณ ๋ ํด๋, ํ ์ฌ์ดํธ์ ์๋ก ๋ค๋ฅธ ๋ ์ด์์์ด ์ฌ๋ฟ ์ฌ์ฉํด์ผ ๋๋ ๊ฒฝ์ฐ๊ฐ ๋ง๋ค. ๋จ์ ์ผ๋ก GNB, LNB๊ฐ ์๋ Introํ์ด์ง, Loginํ์ด์ง ๊ทธ๋ฆฌ๊ณ ์ฌ์ฉ์ ํ๋ฉด๊ณผ ๋ค๋ฅธ ๊ด๋ฆฌ์ ํ๋ฉด์ ๋ ์ด์์์ ์๋ก ๋ค๋ฅผ ์ ์๋ค. ์๋ ๋ค๋ฅผ ์ ์๋ ์ ๋๊ฐ ์๋๋ผ ๋์ฒด๋ก ๋ค๋ฅด๋ค. ๊ทธ๋ด ๋ ๋ฆฌ์กํธ ์ฌ๋ฌ ๊ฐ์ง ๋ ์ด์์ ์ ์ฉํ๋ ๋ฐฉ๋ฒ์ ๊ฝค ๋ค์ํ์ง๋ง ์ง๊ด์ ์ด๊ณ ์ฌ์ด ๋ฐฉ๋ฒ์ ์๊ฐํ๊ฒ ๋ค... 2021. 2. 10. โ CSS3 text-shadow ํ ์คํธ ์๋์ฐ ๋ฐฐ๊ฒฝ BG์๋ ์ ๋ณด์ด๋ ๊ธ์ ๊ตญ์ด์ฒญ ์ธ์ฌ๋ง ํผ๋ธ๋ฆฌ์ฑ ์์ ์ค์ธ๋ฐ... 2016. 9. 8. 17:35 ๋์์ด๋๊ฐ ์์ ์ฐฌ์ฐํ BG๋ฅผ ๊น์๋ค. PC ํ๋ฉด์์๋ผ๋ฉด ๋ฌธ์ ๊ฐ ์์ง๋ง... ๋ฐ์ํ์ผ๋ก ๋ชจ๋ฐ์ผ ํ๋ฉด์ด ๋๋ฉด, ๋ฐฑ๊ทธ๋ผ์ด๋ ์ด๋ฏธ์ง์ ํ ์คํธ๊ฐ ๊ฒน์น๊ฒ ๋๋๋ฐ... ๊ธ์จ๊ฐ ๋ฐฐ๊ฒฝ ๋๋ฌธ์ ์ ์๋ณด์ผ ์๊ฐ ์๋ค. ์ด๋ด ๋ ์ ํ์ 3๊ฐ์ง๋ค. 1. ๋ชจ๋ฐ์ผ ์ํ์์ BG๋ฅผ ๋ ๋ ค๋ฒ๋ฆฐ๋ค. (ํ๋ฉด์ด ๊ต์ฅํ ์ฌ์ฌํด์ง๋ค.) 2. ํ ์คํธ์ BG๋ ์ด์ด๋ฅผ absolute๋ก ๋์์ ๋ชจ๋ฐ์ผ ๋ฏธ๋์ด ์ฟผ๋ฆฌ์ผ ๋๋ BG๋ ์ด์ด์๋ง opacity๋ฅผ ๋จน์ธ๋ค. (๋ฐฐ๊ฒฝ ํ๋ ค์ง ํจ๊ณผ) 3. BG์๋ ์ ๋ณด์ด๋ ๊ธ์๊ฐ ๋๊ฒ๋ ํ ์คํธ์ ์คํธ๋กํฌ๋ฅผ ์์ด๋ค. CSS์ ์คํธ๋กํฌ๊ฐ ์์ผ๋ text-shadow๋ฅผ ์์ฉํ๋ค. ํ ์คํธ์ css์์ฑ์ผ๋ก text-shadow:#fff 0 0 2px 2p.. 2021. 1. 29. ์ด์ 1 ยทยทยท 5 6 7 8 9 10 11 ยทยทยท 19 ๋ค์