์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- https://youtube.com/playlist?list=PLuHgQVnccGMA5836CvWfieEQy0T0ov6Jh&si=FTaYv8m21EhO-A2K
- object
- ์ฐธ๊ณ ๋ธ๋ก๊ทธ
- addEventListener
- await
- JS #ํ๋ก์ ํธ
- promise
- ํผํ
- ๋น๋๊ธฐ
- db
- Project
- prj
- async
- eport
- callback
- slow and steady
- ๊ฒ์
- ๋๊ธฐ
- js
- Import
- execCommand
- database
- webpack
- setTimeout()
- json
- ajax
- sql
- Porject
- https://m.blog.naver.com/tt2t2am1118/221010125300
- mysql
- Today
- Total
๋ชฉ๋ก๐JS/โกver.1 (21)
C-log
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bO7A7k/btseHQPLNJ3/fBNDaCpN64AJU73Z2w6OGk/img.png)
YouTube Link ์๋ฐ์คํฌ๋ฆฝํธ 11. ๋น๋๊ธฐ ์ฒ๋ฆฌ์ ์์ ์ฝ๋ฐฑ ์ดํดํ๊ธฐ, ์ฝ๋ฐฑ ์ง์ฅ ์ฒดํ ๐ฑ JavaScript Callback | ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ ๋ฌธํธ (JavaScript ES6) https://youtu.be/s1vpVCrT8f4 ์ฐ์ ์ฝ๋ฐฑํจ์์ ์์ ์ฝ๋๋ค์ ๋ณด์ function printImmediately(print) { print(); } printImmediately(() => { console.log('hello') }); ์์ ์ฝ๋๋ ๋๊ธฐ์ ์ฝ๋ฐฑํจ์๋ค. ๋ง ๊ทธ๋๋ ์ฝ์ ํ ํ์ ์คํ๋๋ ๊ฒ, ๊ทธ๊ฒ์ด ์ฝ๋ฐฑํจ์์ด๋ค. printImmediately(() => { console.log('hello') }); ๋ฅผ ๋ณด๋ฉด () => { console.log('hello') ์ด ๋ถ๋ถ์ด ์ฝ๋ฐฑ์ด..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bXE54y/btsd9M1W51k/Rc1vGtLB5IkgKmbkYzkGkK/img.png)
YouTube Link ์๋ฐ์คํฌ๋ฆฝํธ 10. JSON ๊ฐ๋ ์ ๋ฆฌ ์ ํ์ฉ๋ฐฉ๋ฒ ๋ฐ ์ ์ฉํ ์ฌ์ดํธ ๊ณต์ JavaScript JSON | ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ ๋ฌธํธ (JavaScript ES6) https://youtu.be/FN_D4Ihs3LE http๋ฅผ ํตํด์ ์๋ฒ์๊ฒ ๋ฐ์ดํฐ๋ฅผ ์์ฒญํด ๊ฐ์ ธ์ฌ ์ ์๋ ๋ฐฉ๋ฒ์ผ๋ก ajax๊ฐ ์๋ค. ์นํ์ด์ง๋ฅผ ๋ค์ ๋ก๋ฉํ์ง ์๊ณ ๋์ ์ผ๋ก ์๋ฒ์๊ฒ ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ๋ ๊ธฐ์ ์ด๋ค.(๊ฒ์์ฐฝ ๋ฏธ๋ฆฌ๋ณด๊ธฐ์ ๊ฐ์) ์ด๊ฒ ๋ง๊ณ ๋ ๋ธ๋ผ์ฐ์ API์์ ์ ๊ณตํ๋ XHR๋ ์๋ค. ์ต๊ทผ์ ์ถ๊ฐ๋ ๋ธ๋ผ์ฐ์ API๋ fetch() API๊ฐ ์๋ค.(XML์ html๊ณผ ๊ฐ์ ๋งํฌ์ ์ธ์ด์ด๋ค.) JSON์ key์ value๋ก ์ด๋ฃจ์ด์ ธ ์๋ค. JSON์ Object๋ก ์ง๋ ฌํํด์ JSON์ ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๊ฑฐ๋ ์ ์ก ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/l9HoE/btsdeHVbwpI/dFdX7NTrHkKIvZHioNofCk/img.png)
YouTube Link ํ์๊ฐ๋ง์ Node.js ๋ฐฑ์๋ ๊ธฐ์ด ๋๋ด๊ธฐ (ft. API ๊ตฌ์ถ) https://youtu.be/Tt_tKhhhJqY API๋? ๊ฐ๋ ๋ฐ ์ ์ฉํ API๋ค ์๊ฐ, ๋ ์จ API ์๋ฐ์คํฌ๋ฆฝํธ ์ค์ ํ์ฉ ๋ฐฉ๋ฒ https://youtu.be/pLBJgvC_ZUA API์ ์คํด npm์ ํ๋์ ํจํค์ง๋ฅผ ์ ๊ณตํด์ฃผ๋ ์ฌ์ดํธ์ด๋ค. ๋ฌผ๋ก npm ํจํค์ง๋ค ์ค ์ด๋ค ํจํค์ง๋ API๋ฅผ ์ ๊ณตํด์ค๋ค. Document(/Documentation/Doc)๋ ํ๋ก๊ทธ๋จ์ ์ฌ์ฉ๋ฒ,๊ธฐ๋ฅ,๋์ ๋ฑ์ ์ค๋ช ํ๋ ์ค๋ช ์(๋ฌธ์)๋ค. ๊ทธ๋ฆฌ๊ณ API๋ ํ๋ก๊ทธ๋จ ๊ฐ์ ์ํธ์์ฉ์ ์ํ ๊ท์น, ๊ท์ฝ, ํจ์, ํ๋กํ ์ฝ ๋ฑ์ ์งํฉ์ด๋ค. ์ด์ฐฝ๊ธฐ์ ๋๋ API์ Doc๊ฐ ๊ฐ์ ๊ฐ๋ ์ผ๋ก ํ์ณ ์๊ฐํ๋ค. ๋ฟ๋ง ์๋๋ผ ๊ทธ๋ ๊ฒ๋ง ์์๋๋ ์์ธ ์ ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/39OXx/btsdd1mc8FB/8KLHSKYcikFnshvgeRHKi0/img.png)
YouTube Link ajax ๋ ์ ํ์ํ๊ฐ? ์ด๊ฑธ๋ก ํ๋ฐฉ์ ๋ https://youtu.be/_Kh5Kdha3Ww Ajax์ ๊ฐ๋ : HTTP,WEB,๋ธ๋ผ์ฐ์ ์ ๊ฐ๋ http,WEB,๋ธ๋ผ์ฐ์ ์ ๊ฐ๋ ์ด ํ์ํ๋ค. ์น์๋ฒ์ ์น์ ๋ธ๋ผ์ฐ์ ๊ฐ์ ์ํต(Request,Response)์ด ๊ณ์ํด์ ์ด๋ฃจ์ด์ง๋ค. ๋ธ๋ผ์ฐ์ ๋ ์น์์ ์ ๊ณตํ๋ ์ ๋ณด๋ฅผ ์ฌ์ฉ์๊ฐ ์ฝ๊ฒ ๋ณผ ์ ์๋๋ก ๋ณด์ฌ์ฃผ๋ ์ํํธ์จ์ด์ด๋ค. ์ฆ, ์น์ ์ ๋ณด๋ฅผ ์ ๊ณตํ๋ ์๋น์ค์ด๊ณ ๋ธ๋ผ์ฐ์ ๋ ์ ๋ณด๋ฅผ ๋ณด์ฌ์ฃผ๋ ์ํํธ์จ์ด์ด๋ค. http๋ WEB์ ๋ณด์ฌ์ฃผ๊ธฐ ์ํ ํ๋กํ ์ปฌ์ด๋ค. ftp๋ ํ์ผ ํ๋กํ ์ปฌ์ด๋ค. ๋ ๋์๊ฐ์ https์ s๋ ๋ณด์์ ์๋ฏธํ๋ค. http๋ ๋์ ์ด๋ค. http๋ ๊ธฐ๋ณธ์ ์ผ๋ก TCP/IP ํ๋กํ ์ฝ์ ์ฌ์ฉํ์ฌ ๋ฐ์ดํฐ๋ฅผ ์ ์กํ๋ค. ๋ฐ๋ผ์ http๋ ์ ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bEj1jE/btsdc08OgFN/WMvqDw7bfcP8DNJRSmf7nK/img.png)
YouTube Link WEB3-Ajax https://youtube.com/playlist?list=PLuHgQVnccGMA9-1PvblBehoGg7Pu1lg6q ๋์ ์ผ๋ก ๊ตฌํ ๊ทธ๋ฆฌ๊ณ ๋ชฉํ HTML CSS JavaScript WEB ์ฐ๋ฆฌ๋ ํ ์คํฌ๋ฆฝํธ ์์์ ๋ชจ๋ ๊ฒ๋ค์ ํด๊ฒฐํ๋ ๋ฐฉ์์ ์ฝ๋๋ฅผ ์ํ๋ ๊ฒ์ด ์๋๋ค. 'HTMLHTML is... ์ ์ฝ๋๋ HTMLํ์ผ๋ก, ๋ง์ฐฌ๊ฐ์ง๋ก CSS๋ CSSํ์ผ๋ก ์กด์ฌํ๋ฉด์ ์ฌ์ฉ์๊ฐ ์์ฒญํ ๋๋ง ํด๋น ๊ฐ์ด ๋์ ์ผ๋ก ๋ณํ๊ณ ๊ฐ์ด๋ ๋ฐ์ดํฐ๋ฅผ ๋ก๋ ํด์ค๋ ๋ฐฉ์์ ์ฐ๋ฆฐ ์ํ๋ค. ์ด๊ฒ์ ํด๊ฒฐํ๊ธฐ ์ํด Ajax๊ฐ ํ์ํ๋ค. fetch API ์ฐ๋ฆฐ fetch๋ฅผ ์์์ผํ๋ค. ๊น๊ฒ๋ ์์ง ๋ชปํด๋ ๋๋ต ์ด๋ป๊ฒ ์๊ฒผ๋์ง ์ ๋๋ง ์๋ผํ๋ค. [Jquery] ์ ์ด์ฟผ๋ฆฌ Ajax ์ค๋ช ์ฌ์ฉ๋ฒ ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Q8aiu/btscHMu6Qqm/0jHEkYRlkfgLcrzNzDyiCK/img.png)
https://www.youtube.com/playlist?list=PLuHgQVnccGMA9-1PvblBehoGg7Pu1lg6q WEB3-Ajax www.youtube.com Youtube์ฑ๋ ์ํ์ฝ๋ฉ์ ์์์ ํ ๋๋ก ํ์ตํ๋ฉฐ ๊ธฐ๋กํ ๊ฒ์ด๋ค. ๋ชจ๋ ๋ถ๋ถ์ ๋ค๋ฃจ์ง ์๊ณ , ์ฌ์๋ชฉ๋ก์ ์์๋ก ์์ฑํ ๊ฒ์ด ์๋ ์ง๊ธ ๋์๊ฒ ํ์ํ ๋ถ๋ถ์ ๊ธฐ์ค์ผ๋ก ์์ฑํ ๊ฒ์ด๋ค. ์ค๋ช ๋ณด๋จ ์ค์ต์ ์์ฃผ๋ก ํ๋ ์ฝ๋๋ฅผ ์ฌ๋ฆด ๊ฒ์ด๋ฉฐ ๊ฐ๋ฅํ ์์์์ ์ฌ๊ณต๋ ์์๋ง ์์ฑํ์ง ์๊ณ ์ง์ ๊ตฌ์ํ๋ฉฐ ์์ฉํด๋ณด๋ ๋ฐฉ์์ผ๋ก ์์ฑํ ๊ฒ์ด๋ค.