Computer/Front-End
์ฌ๋๋ค์ด ํ์ฌ ๋ ์ง๋ฅผ ๊ตฌํ ๋ Date() ๋ฌธ๋ฒ์ ๋ง์ด ์ฌ์ฉํฉ๋๋ค. ํ์ง๋ง ์ด๋๊ฐ ์กฐ๊ธ ์๋ชป ๋์๋ค๊ณ ์๊ฐ์ด ๋ค ๋๊ฐ ์์ผ์ค๊ฒ๋๋ค.. JavaScript 1955๋
์๋ฐ์คํฌ๋ฆฝํธ ์ฐฝ์กฐ์ฃผ ๋๊ป์ 10์ผ๋ง์ ํ์ดํ์ ํ์ฌ ๋ง๋์
จ๋ค๊ณ ํฉ๋๋ค.. (์ด์ฐ.. ๋ฒ์ ๋ถ๊ฐํ์ ๋ถ์ด๊ตฐ์..) ์๋ฐ ๋ฌธ๋ฒ์ ๊ทธ๋๋ก ๋ฒ ๊ปด์ ๋ง๋ค์๊ธฐ์ ๊ฐ๋ฅํ ๊ฒ ์ด์๋ค๊ณ ํฉ๋๋ค. Date() ๊ทธ ์์์!! Date date = new Date(); ์๋ฐ ๋ด์ฅ ํจ์ ์ค Util.date ๊ฐ ์์ฃ ... ์ด๊ฒ๋ ๊ทธ๋๋ก ๊ฐ์ ธ์จ ๊ฒ์ด๋ผ๊ณ ํฉ๋๋ค. ์๋ฐ์์๋ ํ์ฌ ์ด ๋ฌธ๋ฒ์ด ์ข์ง ์๋ค๊ณ ํ๊ธฐ ๋๋ฌธ์ ์ฌ์ฉํ์ง ์๋๋ค๊ณ ํด์.. ๋ ๊ฑฐ์ ํ๋ก์ ํธ์์๋ ๋ง์ด๋ค ๋ณด์
จ๊ฒ ์ง๋ง ์์ฆ์ java.time.Instant ๋ฅผ ์ฌ์ฉํ๋ค๊ณ ํฉ๋๋ค. ํ์ง๋ง ์๋ฐ์คํฌ๋ฆฝํธ๋ ๊ทธ๋๋ก..
Computer/Front-End
Array.prototype.at() ์ ์๊ฐ์ ๋ฐ์, ํด๋น ๋ฐฐ์ด ์ธ๋ฑ์ค์ ์์๋ฅผ ๋ฐํํฉ๋๋ค. ์์์ ์์ ๋ชจ๋ ์ฌ์ฉ ๊ฐ๋ฅํ๊ณ , ์์ ๊ฐ์ ๊ฒฝ์ฐ ๋ฐฐ์ด์ ๋ค์์๋ถํฐ ์ธ๋ฑ์ค๋ฅผ ์
๋๋ค. ๋ผ๊ณ ์ ์๊ฐ ๋์ด ์์ต๋๋ค!! ๊ธฐ์กด์๋ ์ฌ์ฉํ ๋ python๊ณผ ๋ฌ๋ฆฌ ๋ณต์ก์๋ ๋ณต์กํ๊ฒ ์ฌ์ฉํ์ด์ผ ํ์ง๋ง, ์ด์ ๋ ์ฝ๊ฒ ์ฌ์ฉํ ์ ์์ต๋๋ค. const exArray = [10, 20, 30, 40, 50]; console.log(exArray[exArray.length - 1]);// 50 ๊ธฐ์กด์๋ ์ด๋ฐ์์ผ๋ก ๋ฐฐ์ด์ ๊ธธ์ด - 1 ๋ก ํ์ฉํ์์ต๋๋ค. (length๋ฅผ ํ์ฉ) ํ์ง๋ง!! const exArray = [11, 22, 33, 44, 55]; console.log(exArray.at(-1));// 55 ์ด๋ ๊ฒ at() ์..
Computer/Front-End
์ค๋์ ๋ฆฌ์กํธ ํ๋ก์ ํธ๋ฅผ ์์ฑํ ํ ํ์์๋ ํ์ผ๋ค์ ์ ๋ฆฌํด๋ณด๊ฒ ์ต๋๋ค. CRA (Create - React - App) ์ผ๋ก ๋ง๋ ํ๋ก์ ํธ๋ฅผ ์ฌ์ฉํ๊ฒ ์ต๋๋ค. (CRA : ์นํฉ, ๋ฐ๋ฒจ๊ณผ ๊ฐ์ด ๋ฆฌ์กํธ ์คํ์ ํ์ํ ํจํค์ง๋ฅผ ํจ๊ป ํฌํจํ์ฌ ์ค์นํด์ค๋ค.) ์๋์ ๋ช
๋ น์ด๋ก ์ค์นํด์ค๋๋ค. (typescript) (javascript๋ --template typescript ๋ฅผ ์ ๊ฑฐํด์ค๋๋ค.) npx create-react-app for_blog --template typescript ์ค์น๋ฅผ ํ๊ณ ๋๋ฉด ์ด๋ฐ ํด๋๊ตฌ์กฐ๊ฐ ์์ฑ๋ฉ๋๋ค. ๊ทธ๋ฆฌ๊ณ ํ์ํ์ง ์์ ํ์ผ๋ค์ ์ ๊ฑฐํด์ฃผ๊ฒ ์ต๋๋ค. App.css app.test.tsx App.tsx index.css logo.svg react-app-env.d.ts reportWebVi..
Computer/Front-End
์ค๋์ ์ง์ ๊ณต์ ์ ๋๋๋ณด๋ค๋ ์ ๊ฐ ์์ฆ ๊ฐ๋ฐํ๊ณ ์๋ ์ธ์ด๋ฅผ ์๋ ค๋๋ฆฌ๊ณ ์ ์์ต๋๋ค.. ์ต๊ทผ ์ ๋ ํ์ฌ์์ ํ ์ด ํ๋ก์ ํธ๋ฅผ ๋ฌด์ฌํ ๋ง์น๊ณ , ํ๋ ์ ํ
์ด์
๊น์ง ๋ง๋ฌด๋ฆฌํ์ต๋๋ค! ์ ํฌ ํ๋ก๋ํธ์ ์ฝ๋๋ฅผ ๋ถ์ํ๋ฉด์ ์๋ก์ด ๊ธฐ๋ฅ์ ์ถ๊ฐํ๊ณ ์ ์ฉํ๋ ค๊ณ ํ๋ ์ค์ธ๋ฐ, ์ ๋ swing ๋ถ๋ถ์ ์ฃผ๋ก ๋ด๋นํ๊ฒ ๋์์ต๋๋ค. Swing์ ์ด๋ฒ์ ์ฒ์ ์ฌ์ฉํด๋ณด๋ ๊ฒ์ธ๋ฐ,,, ์.. ์ฒ์ ๋ฑ ์ ํด๋ณด๊ณ ๋ ๋๋์ ์๋๋ก์ด๋ ๊ฐ๋ฐํ ๋๋ ์์ฒญ ๋น์ทํ๋ค! ์
๋๋ค. ํ์ ๋, ์๋๋ก์ด๋๋ฅผ ๊ฐ๋ฐํ๋ฉด์ ์๋ฐ๋ฅผ ์ฌ์ฉํ์๋๋ฐ ์ค์๋ ์๋ฐ๋ฅผ ์ฌ์ฉํ๋ฉฐ, ๋ ์ด์์์ ์ ์ฉํ๊ณ , ๊ทธ ๋ ์ด์์์ ๋ฐ๋ผ ui๋ฅผ ๊ตฌ์ฑํ๋ ๋ฐฉ์์ด ๋ฌ๋์ต๋๋ค. ๊ฐ๋ฐ์์ํ์ง ์ผ๋ง์๋ ์์ .. ์ ๋ฅผ ๋งค์ฐ ํ๋ค๊ฒ ํ๋ ์๋๋ก์ด๋.. ์ ๋น์ทํ ์ค์.. ์ด ์ ๋ฅผ ์ฐพ์์๋ค์.. ํํณ ๊ทธ๋..
Other
์ต๊ทผ ์ ๋ ๋ ๋จ๋ฆผ ํ์์ด ์ฌํด์ ธ์ ๋นํฉ์ค๋ฌ์ ์ต๋๋ค.. (ํ๋ฃจ์ดํ ์ง๋๋ฉด ๊ด์ฐฎ์์ง์ค..) ๊ทธ๋์ ์ข ๋ ์์ธํ ์์๋ณด๋ ค๊ณ ๊ฒ์์ ํ๊ธฐ๋ ํ๋ฉฐ ์๊ฒ๋ ์ง์๋ค์ ๊ณต์ ํ๊ณ ์ ํฉ๋๋ค. 1. ๋ง๊ทธ๋ค์ ๋ถ์กฑ ์ฌ์ค ๋ง๊ทธ๋ค์์ ๋๋์ฐจ์ด๋ ํฌ์ง ์์ต๋๋ค. ์ฒด๋ด์ ๋ง๊ทธ๋ค์์ด ๋ถ์กฑํ๋ฉด ์คํธ๋ ์ค๋ฅผ ๋ ์ ๋ฐ๊ณ , ๋ถ์, ์ด์กฐ๋ฅผ ์ฝ๊ฒ ๋๋ผ์ง๋ง ์ด๋ก ๊ทธ์น์ง ์๊ณ , ์ ์ ๊ทผ์ก์ ๊ฒฝ๋ จ์ด ์จ๋ค๊ฑฐ๋ ๋ง๋น๊ฐ ์๊ธฐ๊ฒ ๋๋ค๊ณ ํฉ๋๋ค. 2. ์คํธ๋ ์ค, ํผ๋ก, ์์ฝ์ฌ, ์นดํ์ธ ์ด๋ฐ ๊ฒ๋ค๋ก ์ธํด ์ ๊ฒฝ์ ๊ณผ์ํฅ๋ถ์ด ๋ํ๋์ ๊ฒฐ์ ์ ์ผ๋ก ์๋ฉด์ ๊ฒฝ์ ๊ณผ์ ํฅ๋ถ์ฑ์ผ๋ก, ๋น์ ์์ ์ธ ์ ๊ฒฝ์ ๋ฐฉ์ ํ์์ด ์๊ฒจ ๋จ๋ฆผ์ด ๋ํ๋๋ค๊ณ ํฉ๋๋ค. ์์ธ์ด ๋จ์ํ๋ค๋ฉด, ์ฌ๊ธฐ๋ง ํด๋ ๋จ๋ฆผ์ด ์ฌ๋ผ์ง๋๋ค. ํ์ง๋ง, ์ด๋ฐ ํ์์ด ๋์ ๋๋ฉด์ ์ค๋์ฃผ๋ณ์ ํ๊ด์๋ ์ํฅ์ด ๊ฐ๊ณ , ํ๊ด์ ๊ธฐ์ง์ ..