๋ฐ์ํ
โค๏ธ๐ฅ Liked
- ์ด๋ฒ ์ฃผ๋ ์จ๋ผ์ธ ํ์ต์ด ์์ด์ ์ผ๋จ ํ๋ก๋ํธ๋ฅผ ๋ช ๊ฐ ๋ฐ๋ผ์ ๋ง๋ค์ด๋ดค๋๋ฐ ๊ฒฐ๊ณผ๋ฌผ์ด ๋์ค๋๊น ์ฌ๋ฐ์๋ค.(๋ฌผ๋ก ์ด๋ ค์....)
- ์ด๋ ต๊ฒ๋ง ์๊ฐํ๋ Sass๋ฅผ ํธ์ค๋ ๊ฐ์๋ก ๋๋์ด ์ ๋ฌธํ๊ฒ ๋์๋ค. ์ค๋ฌด์์ ๊ฐ์ฅ ์ ์ฉํ๋ค๋ mixin ๊ธฐ๋ฅ์ ์ค์ตํด๋ณด๊ณ ์ถ์ด์ ๊ณผ์ ํ๋๋ฅผ Sass๋ก ๊ตฌํํด ๋ณด๋ฉด์ ๊ฐ์ ์ก์๋ค. Java Script์ ๋น์ทํ ๊ตฌ์์ด ์์ด์ ์คํฌ๋ฆฝํธ๋ฅผ ์ ๋ค๋ฃจ๊ฒ ๋๋ฉด ์ฌ์ฉํ ์ ์๋ ๊ธฐ๋ฅ์ด ๋ ๋ง์ ๊ฒ ๊ฐ์์ ๋์ค์ ๋ค์ ํ์ฉํด ๋ด์ผ๊ฒ ๋ค!
- ํ๊ณ ์กฐ๋ถ๋ค์๊ฒ ํ๋ฉด๊ณต์ ๋ฅผ ๋ฐ์์ ๊ณผ์ ์ ์๋ JavaScript ๋ฒํผ ๊ตฌํ์ ๋ฐฐ์ ๋๋ฐ ์ ์ตํ๋ค. ์ด๋ฒ์ฃผ๋ ๊ฐ์ด ๊ฒ์๋ ํ๊ณ ์ ์ ํธํด์ง๋ ํ๊ณ ์กฐ ํ๋, ๊ทธ๋ฆฌ๊ณ ํน์ดํ๊ณ ์ฌ๋ฐ๋ ๋ฉํ ๋ ๋๋ถ์ ๋ง์ด ์์๋ ํ ์ฃผ์๋ค. ใ ใ ใ ใ ๐
- ๋ฉ์ฌ ํน๊ฐ ๊ฐ์ฌ๋ ๋ผ์ธ์
์ ๋งํ ๊ฒ์ด ์์ ์ ๋๋ก ํ๋ฅญํ๋ฐ ์ด๋ฒ ์ ๋ฐฐ ํน๊ฐ์์ ๋ฐฐ์ด ์ ์ด ์ ๋ง ๋ง์๋ค.
ํผ์ ๊ณต๋ถํ๋ค ๋ณด๋ฉด ์๊ฐ์ ๋ฒ์๊ฐ ๊ฐ์ธ์ผ๋ก ํ์ ๋ ์ ์๊ณ , ๊ฐ์ ์์ ์ ๋ฃ๋๋ผ๋ ์ค์ํ๊ฒ ์๊ฐํ๋ ํฌ์ธํธ๊ฐ ๋ค๋ฅด๊ธฐ ๋๋ฌธ์ ํจ๊ป ์ฑ์ฅํ๋ ๊ฒ์ด ๋งค์ฐ ์ค์ํ๋ค๋ ๋ฉ์์ง๋ฅผ ๋จ๊ธฐ์ จ๋ค. ๋ฌด์๋ณด๋ค ๋์ ๊ฐ์ ๋น์ ๊ณต 30๋ ์ ๋ฌธ ์๋ฃ์์ด์๊ธฐ ๋๋ฌธ์ ๊ณต๊ฐ๋๋ ์์๋ ๋ง์๋ค.
๋๋ ๋ง์นจ ๋๊ธฐ๋ค๊ณผ ์์์ ์ด ๋ค๋ฅด๋ค๋ ๊ฑธ ์ธ์ ํ๊ณ ๋ฐ์๋ค์๋ ํฐ๋ผ ์คํ๋ ค ๋์๋ฐ์ ์ ์๋ ์ข์ ๋๊ธฐ๋ค์ ๋ง๋ ๊ฒ์ ๊ฐ์ฌํ๊ณ ๋ด ์์ค๊ณผ, ๋ฌ๋์ปค๋ธ๋ ์ด๋ค์ง ๋ ์ฒดํฌํด์ผ๊ฒ ๋ค๊ณ ์๊ฐํ๋ค.
๊ทธ๋ฆฌ๊ณ ๊ทธ๊ฐ ๋จ๊ธด ์ค์ํ ๋ฉ์์ง..ใ ใ ๋ฌด! ์กฐ! ๊ฑด! ์ฝ๋๋ฆฌ๋ทฐ๋ฐ๊ธฐ. ํผ์ ํ๋ ค๋ฉด ์ฌ๊ธฐ ์ฌ ํ์๊ฐ ์์๋ค. ๋ฉ์ฌ๋ผ๋ ํน์ ํ๊ฒฝ์์ ์ฃผ์ด์ง ๊ธฐํ๋ฅผ ๋๋ฆด ๊ฒ!
๐โฌ ๊ฐ์ฅ์ด
Lorem Ipsum is simply dummy text of the printing and Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown Download
jaycode-git.github.io
๐ฃ Lacked
- ์์ฌ์ ๋ด์ Java Script ๊ด๋ จ ์ง์์ ์ด๊ฒ์ ๊ฒ ์ฐพ์๋ณด๊ณ ๋ฃ๋ค ๋ณด๋ ๋จธ๋ฆฟ์์์ ๋์ฐํ ํผ์ข ์ด ๋๋ค... ์ด์ ๊ณต๋ถํ ๋ฉ์๋์ธ๋ฐ ๋ฐ๋ก ๋ค์๋ ์์ด๋ฒ๋ฆฌ๊ธฐ ^^ ์์๋งํผ ๋ฐ๋ผ๊ฐ์ง ๋ชปํ๋ ๋ด ๋จธ๋ฆฌ... ใ ใ ์์ธ
- JavaScript is still too hard for me...... But I'll get through it! ๐ข๐ซฅ
โ๏ธ Learned
- DOM document object model, BOM Browser object bodel, ๋๊ณผ ๋ด์ ๋ํด์๋ ์ถ๊ฐ์ ์ธ ํ์ต์ด ํ์ํ ๊ฒ ๊ฐ๋ค.
- ๋ณ์๋ ๊ฐ์ด ๋ณํ๋ ๊ฒ ์๋๋ผ ๊ฐ์ ๊ฐ๋ฆฌํค๋ ๋ฐฉํฅ์ด ๋ฐ๋๋ ๊ฒ. ํฌ์คํธ์์ ๋ถ์ธ๋ค๊ณ ์ดํดํ๊ธฐ!
- DOM ์์ ํ์ฉํ ๋ document.getElementById(’name’).value ํ์ ์๋ฐ์คํฌ๋ฆฝํธ ์ฌ์ฉ.
- netlify ํ๋ซํผ์ ํ์ฉํ๋ฉด git repo์ ๋ฐ๋ก ์ฐ๋ํด์ ๋ฐฐํฌ ๊ฐ๋ฅ!
- ํ๋ณํ 1. string → num ๋ณ๊ฒฝํ ๋๋ parseInt() parseFloat()
- ํ๋ณํ 2. num → string ๋ณ๊ฒฝํ ๋๋ toString(๋ณ์๋ช )
- typeof() ๋ณ์์ ํ์ ์ ์๊ณ ์ถ์ ๋ ์ฌ์ฉ.
- indexOf() ํด๋น ๋ฌธ์์ index ๋ฅผ ๋ฐํ (๊ฒฐ๊ณผ๊ฐ ์์ผ๋ฉด -1, if๋ฌธ์ผ๋ก ํ์ฉํ ์ ์๋ค.)
- replace(’a’, ‘b’) ํ์ฉํด์ string ์นํ ๊ฐ๋ฅ. replace๋ ์ค๋ณต๊ฐ์ด ์์ผ๋ฉด ์์ 1๊ฐ๋ง returnํ๊ณ ์ข ๋ฃ.
- slice($start, $end) ์์๋ถํฐ ์ข ๋ฃ index(-1) ์ฌ์ด์ ๊ฐ๋ง ์๋ผ์ ๋ฐํ.
- Java Script๋ ๊ธฐ์ด์ฒด๋ ฅ์ด๋ผ๊ณ ์๊ฐํ๊ธฐ. ์ดํ ๊ณต๋ถํ๊ฒ ๋ Type Script React ๋ฑ ๊ธฐ์ ํ์ต ๊ณผ์ ๊ณผ ๋น์ทํ๊ณ ๊ณ์ ์ด์ด์ง๋ ๊ฐ๋ ์ด๊ธฐ ๋๋ฌธ์ ๋๋ฌธ์ ๋งค์ฐ ์ค์. ํํํ ๊ธฐ์ด๋ฅผ ์๊ณ ๊ณต๋ถ๋ฒ์ ํ๋ จํ๋ค๊ณ ์๊ฐํ๊ณ ๋ฉ๋ฆฌ ๋ณด๋ฉฐ ๋งค์งํ ๊ฒ.
- ๋๊ฐ ์์ ๋ด ์ฝ๋๋ฅผ ๋ณด๋๋ผ๋ 5๋ถ ์ด๋ด ํต์ฌ์ ์ ๋ฌํ ์ ์์ด์ผ ํ๊ณ ์ฝ๋๋ง ๋ด๋ ์ดํดํ ์ ์์ด์ผ ํ๋ค.
- ์ฒ์ ๋ณด๋ ์ฝ๋๋ ์ดํดํ๋ ์ฐ์ต +ํต์ฌ์ฝ๋ ํ์ & ๊ตฌํํด ๋ณด๊ธฐ
๐ฉ๐ป๐ป Longed For
- 10km ๋ฌ๋.
- ํ๋ก๊ทธ๋๋จธ์ค 0๋จ๊ณ ๋ฌธ์ ๋งค์ผ 2๊ฐ์ฉ ํ๊ธฐ.
- ์์ ์์ ์๊ฐ ์ธก์ ํด ๋ณด๊ธฐ.
- ๋์น ๋ณด์ง ๋ง๊ณ ์ฝ๋๋ฆฌ๋ทฐ๋ฅผ ๋ฐ๋ ๊ฒ ์ฐ์ตํ๊ธฐ. ์์ ๊ฒ๋ ๋ชป ํ๋ฉด ์ ๋ ํฐ ํ๋ก์ ํธ์์๋ ์์ฒญํ ์ ์๋ค.
- ‘ํต์ฌ’์ ์ง์ค์ ์ผ๋ก ๋งํ๋ ์ฐ์ตํ ๊ฒ.
- ์ด๋ ฅ์ ์์ฑ.
- ์คํฐ๋ ์ฐธ์ฌ.
- ์์ต 2 : ๋ณต์ต 8 ๋น์จ๋ก ๋จ๋ ์๊ฐ ํ์ฉํด ๋ณด๊ธฐ ๋์ ! ์ผ๋จ ์๊ฐ์ผ๋ก ์ฒดํฌํด ๋ณด์. ๐
๋ฐ์ํ