์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
- ๋น๋๊ธฐ
- prj
- execCommand
- eport
- webpack
- JS #ํ๋ก์ ํธ
- Porject
- ํผํ
- json
- Import
- addEventListener
- ๋๊ธฐ
- https://youtube.com/playlist?list=PLuHgQVnccGMA5836CvWfieEQy0T0ov6Jh&si=FTaYv8m21EhO-A2K
- await
- ๊ฒ์
- https://m.blog.naver.com/tt2t2am1118/221010125300
- object
- ajax
- js
- async
- setTimeout()
- sql
- promise
- ์ฐธ๊ณ ๋ธ๋ก๊ทธ
- mysql
- database
- Project
- callback
- slow and steady
- db
- Today
- Total
๋ชฉ๋ก๐ ๏ธ๊ธฐ์ ๋๋น (5)
C-log
1. DOM(Document Object Model)์ด๋? DOM์ ์น ํ์ด์ง์ ๊ตฌ์กฐ๋ฅผ ๋ ธ๋์ ์์ ๊ด๊ณ๋ฅผ ๋งบ๋ ํธ๋ฆฌ ๊ตฌ์กฐ๋ก ์ด๋ฃจ์ด์ ธ ์์ต๋๋ค. ๊ฐ ๋ ธ๋๋ ์์(element), ์์ฑ(attribute) ๋ฑ์ ๋ํ๋ด๋ฉฐ, ๋ถ๋ชจ-์์ ๊ด๊ณ์ ๋ฐ๋ผ ๊ตฌ์ฑ๋ฉ๋๋ค. JavaScript์ ๋ฅผ ํตํด `document` ๊ฐ์ฒด๋ฅผ ํตํด ์น ํ์ด์ง์ ์์์ ์ ๊ทผํ์ฌ ๋์ ์ผ๋ก ๋ณ๊ฒฝํ ์ ์์ต๋๋ค. ์ด๋ฌํ ๋ ธ๋๋ฅผ ์ฝ๊ณ ์กฐ์ํ ์ ์์ผ๋ฉฐ, ์ด๋ฅผ ํตํด ์น ํ์ด์ง๋ ๋ธ๋ผ์ฐ์ ๊ฐ ์ดํดํ ์ ์๋ ๊ตฌ์กฐ๋ก ๋ง๋ค์ด์ง๋ฉฐ, JavaScript๋ฅผ ์ฌ์ฉํ์ฌ ์น ํ์ด์ง์ ์์๋ฅผ ๋์ ์ผ๋ก ์กฐ์ํ ์ ์์ต๋๋ค. keyword : ์น ํ์ด์ง์ ๊ตฌ์กฐ, ํธ๋ฆฌ ๊ตฌ์กฐ๋ก ์ด๋ฃจ์ด์ ธ ์๋ค, ์์๊ด๊ณ, ์์, ์์ฑ, js์ documnet ๊ฐ์ฒด 2. DOM๊ณผ Virtua..
# API๋ ๋ฌด์์ธ์ง ์ค๋ช ํด์ฃผ์ธ์. ์น ์๋น์ค๊ฐ ์ ๊ณตํ๋ ์ธํฐํ์ด์ค๋ฅผ ์๋ฏธํ๋ค. ์ฃผ๋ก HTTP ํ๋กํ ์ฝ์ ํตํด ์์ฒญ(Request)๊ณผ ์๋ต(Response)์ ์ฃผ๊ณ ๋ฐ๋๋ค. ์ด๋ฅผ ํตํด ๋ค๋ฅธ ์๋น์ค๋ ์์ฉ ํ๋ก๊ทธ๋จ์ด ํด๋น ์๋น์ค์ ๊ธฐ๋ฅ์ ํ์ฉํ ์ ์๋ค. ์๋ฅผ ๋ค์ด, ์ง๋ ์๋น์ค์ API๋ฅผ ์ฌ์ฉํ๋ฉด ๊ฐ๋ฐ์๋ ์ง๋ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๊ฑฐ๋ ์ง๋๋ฅผ ํ์ํ๋ ๋ฑ์ ๊ธฐ๋ฅ์ ์์ ์ ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ํตํฉํ ์ ์๋ค.
#setTimeout์ ๋น๋๊ธฐ ํจ์์ ๋ํ์ ์ธ ํจ์์ด๋ค. ๊ทธ๋ ๋ค๋ฉด setTimeout์ ์ ๋น๋๊ธฐ ํจ์์ธ๊ฐ? setTimeoutํจ์๋ ์ผ์ ์๊ฐ์ด ์ง๋ ํ์ ์ฝ๋ฐฑ ํจ์๋ฅผ ์คํํ๋ค. ์ผ์ ์๊ฐ์ด ์ง๋๋ ๋์ ๋ค๋ฅธ ํจ์๋ ์ฝ๋๋ค์ด setTimeout์ ๊ธฐ๋ค๋ฆฌ์ง ์๊ณ ๋ฐ๋ก ์คํ์ด ๋๋ค. ์ด๋ ๋๊ธฐ์ ์ผ๋ก ์๋ํ๋ ๊ฒ์ด ์๋ ๋น๋๊ธฐ์ ์ผ๋ก ์๋ํ๋ ๊ฒ์ด๋ค. ##์ด ์ธ์๋ ๋ค๋ฅธ ์ด์ ๋๋ณด๊ธฐ ๋น๋๊ธฐ์ ์คํ: setTimeout ํจ์๋ ์ผ์ ์๊ฐ์ด ์ง๋ ํ์ ์ฝ๋ฐฑ ํจ์๋ฅผ ์คํํ๋๋ก ์์ฝํ๋ ์ญํ ์ ํ๋ค. ๋ฐ๋ผ์ setTimeout ํจ์๊ฐ ํธ์ถ๋๋ฉด ์ฝ๋์ ์คํ์ด ์ง์ฐ๋๊ณ , ๋ค์ ์ฝ๋ ๋ธ๋ก์ด ์คํ๋ ๋๊น์ง ๊ธฐ๋ค๋ฆฌ์ง ์๊ณ ์ฆ์ ๋ค์ ์ฝ๋๊ฐ ์คํ๋๋ค. ๋ธ๋กํนํ์ง ์์: setTimeout ํจ์๋ ์ฝ๋ฐฑ ํจ์๋ฅผ ์์ฝํ ํ์๋ ํ๋ก..
๊ธฐ์ ๋ฉด์ ๋ ๋ฐ์ ์ง๋ฌธ์ ํ ๋๋ก ์์ฑํด ๋ณด์๋ค. ๊ต์ฅํ ๊ธฐ์ด์ ์ธ ๊ธฐ์ ์ ๋ฌผ์ด๋ณด๋๋ฐ ์ต๊ด์ ์ผ๋ก ์ฌ์ฉํ๋ค๋ณด๋ ๋ฉด์ ๋ ๋์น๊ฑฐ๋ ๋ช ํํ ๊ธฐ์ตํ์ง ๋ชปํ๋ ๊ฒฝ์ฐ๊ฐ ์์๋ค. #์ฝ๋ฐฑ ํจ์๋ ๋ฌด์์ธ๊ฐ? ์ฝ๋ฐฑ ํจ์๋ ํจ์๋ฅผ ๋ค๋ฅธ ํจ์์๊ฒ ์ธ์๋ก ์ ๋ฌ ๋์ด ํน์ ์ํฉ์ด๋ ์กฐ๊ฑด์ ๋๋ฌ ํ๋ฉด ํธ์ถ, ์คํ๋๋ ํจ์์ด๋ค. ์ฆ, ์ฝ๋ฐฑ ํจ์๋ ๋ค๋ฅธ ํจ์์๊ฒ ์์ ์ ์์กดํ๊ณ , ๊ทธ ์์ ์ด ์๋ฃ๋์์ ๋ ํด๋น ํจ์์๊ฒ ๊ฒฐ๊ณผ๋ฅผ ์๋ ค์ค๋๋ค. ## ์ฝ๋ฐฑ ํจ์๋ ๋น๋๊ธฐ์ ์ธ ์์ ์ ์ฒ๋ฆฌํ๋ค. ๋๋ณด๊ธฐ ## ๋น๋๊ธฐ ์ฝ๋ฐฑํจ์๋ ๋น๋๊ธฐ์ ์ธ ์์ ์ ์ฒ๋ฆฌํ๊ฑฐ๋ ์ด๋ฒคํธ ์ฒ๋ฆฌ, ํ์ด๋จธ ์ค์ , http ์์ฒญ ๋ฑ๊ณผ ๊ฐ์ด ํน์ ํ ์ํฉ์์ ์คํ๋์ด์ผ ํ๋ ์์ ์ ๊ตฌํํ ๋ ์ฃผ๋ก ์ฌ์ฉ๋๋ค. ์ฝ๋ฐฑ ํจ์๋ ๋น๋๊ธฐ์ ์ธ ํน์ง์ ์ ์ดํ๊ธฐ ์ํจ์ด๋ค. ์ฆ, ์ฝ๋ฐฑ ํจ์๋ ๋น๋๊ธฐ ์..