๋ฐ์ํ
โค๏ธ๐ฅ Liked
- ์ด๋ฒ ์ฃผ๋ ์จ๋ผ์ธ ํ์ต์ด ์์ด์ ์ผ๋จ ํ๋ก๋ํธ๋ฅผ ๋ช ๊ฐ ๋ฐ๋ผ์ ๋ง๋ค์ด๋ดค๋๋ฐ ๊ฒฐ๊ณผ๋ฌผ์ด ๋์ค๋๊น ์ฌ๋ฐ์๋ค.(๋ฌผ๋ก ์ด๋ ค์....)
- ์ด๋ ต๊ฒ๋ง ์๊ฐํ๋ Sass๋ฅผ ํธ์ค๋ ๊ฐ์๋ก ๋๋์ด ์ ๋ฌธํ๊ฒ ๋์๋ค. ์ค๋ฌด์์ ๊ฐ์ฅ ์ ์ฉํ๋ค๋ mixin ๊ธฐ๋ฅ์ ์ค์ตํด๋ณด๊ณ ์ถ์ด์ ๊ณผ์ ํ๋๋ฅผ Sass๋ก ๊ตฌํํด ๋ณด๋ฉด์ ๊ฐ์ ์ก์๋ค. Java Script์ ๋น์ทํ ๊ตฌ์์ด ์์ด์ ์คํฌ๋ฆฝํธ๋ฅผ ์ ๋ค๋ฃจ๊ฒ ๋๋ฉด ์ฌ์ฉํ ์ ์๋ ๊ธฐ๋ฅ์ด ๋ ๋ง์ ๊ฒ ๊ฐ์์ ๋์ค์ ๋ค์ ํ์ฉํด ๋ด์ผ๊ฒ ๋ค!
- ํ๊ณ ์กฐ๋ถ๋ค์๊ฒ ํ๋ฉด๊ณต์ ๋ฅผ ๋ฐ์์ ๊ณผ์ ์ ์๋ JavaScript ๋ฒํผ ๊ตฌํ์ ๋ฐฐ์ ๋๋ฐ ์ ์ตํ๋ค. ์ด๋ฒ์ฃผ๋ ๊ฐ์ด ๊ฒ์๋ ํ๊ณ ์ ์ ํธํด์ง๋ ํ๊ณ ์กฐ ํ๋, ๊ทธ๋ฆฌ๊ณ ํน์ดํ๊ณ ์ฌ๋ฐ๋ ๋ฉํ ๋ ๋๋ถ์ ๋ง์ด ์์๋ ํ ์ฃผ์๋ค. ใ ใ ใ ใ ๐
- ๋ฉ์ฌ ํน๊ฐ ๊ฐ์ฌ๋ ๋ผ์ธ์
์ ๋งํ ๊ฒ์ด ์์ ์ ๋๋ก ํ๋ฅญํ๋ฐ ์ด๋ฒ ์ ๋ฐฐ ํน๊ฐ์์ ๋ฐฐ์ด ์ ์ด ์ ๋ง ๋ง์๋ค.
ํผ์ ๊ณต๋ถํ๋ค ๋ณด๋ฉด ์๊ฐ์ ๋ฒ์๊ฐ ๊ฐ์ธ์ผ๋ก ํ์ ๋ ์ ์๊ณ , ๊ฐ์ ์์ ์ ๋ฃ๋๋ผ๋ ์ค์ํ๊ฒ ์๊ฐํ๋ ํฌ์ธํธ๊ฐ ๋ค๋ฅด๊ธฐ ๋๋ฌธ์ ํจ๊ป ์ฑ์ฅํ๋ ๊ฒ์ด ๋งค์ฐ ์ค์ํ๋ค๋ ๋ฉ์์ง๋ฅผ ๋จ๊ธฐ์ จ๋ค. ๋ฌด์๋ณด๋ค ๋์ ๊ฐ์ ๋น์ ๊ณต 30๋ ์ ๋ฌธ ์๋ฃ์์ด์๊ธฐ ๋๋ฌธ์ ๊ณต๊ฐ๋๋ ์์๋ ๋ง์๋ค.
๋๋ ๋ง์นจ ๋๊ธฐ๋ค๊ณผ ์์์ ์ด ๋ค๋ฅด๋ค๋ ๊ฑธ ์ธ์ ํ๊ณ ๋ฐ์๋ค์๋ ํฐ๋ผ ์คํ๋ ค ๋์๋ฐ์ ์ ์๋ ์ข์ ๋๊ธฐ๋ค์ ๋ง๋ ๊ฒ์ ๊ฐ์ฌํ๊ณ ๋ด ์์ค๊ณผ, ๋ฌ๋์ปค๋ธ๋ ์ด๋ค์ง ๋ ์ฒดํฌํด์ผ๊ฒ ๋ค๊ณ ์๊ฐํ๋ค.
๊ทธ๋ฆฌ๊ณ ๊ทธ๊ฐ ๋จ๊ธด ์ค์ํ ๋ฉ์์ง..ใ ใ ๋ฌด! ์กฐ! ๊ฑด! ์ฝ๋๋ฆฌ๋ทฐ๋ฐ๊ธฐ. ํผ์ ํ๋ ค๋ฉด ์ฌ๊ธฐ ์ฌ ํ์๊ฐ ์์๋ค. ๋ฉ์ฌ๋ผ๋ ํน์ ํ๊ฒฝ์์ ์ฃผ์ด์ง ๊ธฐํ๋ฅผ ๋๋ฆด ๊ฒ!
๐ฃ 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 ๋น์จ๋ก ๋จ๋ ์๊ฐ ํ์ฉํด ๋ณด๊ธฐ ๋์ ! ์ผ๋จ ์๊ฐ์ผ๋ก ์ฒดํฌํด ๋ณด์. ๐
๋ฐ์ํ