์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- Import
- https://m.blog.naver.com/tt2t2am1118/221010125300
- ๋๊ธฐ
- ๋น๋๊ธฐ
- setTimeout()
- ๊ฒ์
- json
- ํผํ
- eport
- db
- slow and steady
- Project
- https://youtube.com/playlist?list=PLuHgQVnccGMA5836CvWfieEQy0T0ov6Jh&si=FTaYv8m21EhO-A2K
- callback
- await
- execCommand
- sql
- Porject
- JS #ํ๋ก์ ํธ
- ์ฐธ๊ณ ๋ธ๋ก๊ทธ
- promise
- js
- prj
- async
- addEventListener
- ajax
- object
- database
- webpack
- mysql
- Today
- Total
๋ชฉ๋ก๐JS/โกver.0 (10)
C-log
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bnobmT/btr8XzsGm8F/lX2YBlI9bvIXEU3pc6n0HK/img.png)
Topic explain class Express - Express๊ฐ์ - ์ฐ๋ฆฌ์ ์ฒซ ๋ฒ์งธ Express ์ฑ - ์์ฒญ ๋ฐ ์๋ต ๊ฐ์ฒด ์์ฒญ๊ณผ ์์ฒญ๋ ๊ฒฝ๋ก๋ฅผ ๊ฐ์ ธ์์ ์๋ต์ ๊ฐ๋ ์ด๋ ํ ์ฝ๋์ ๋ง์ถ๋ ๊ฒ์ ๋งํ๋ค. Express ๋ผ์ฐํ ๊ธฐ์ด - Express ๊ฒฝ๋ก ๋งค๊ฐ ๋ณ์ - ์ฟผ๋ฆฌ ๋ฌธ์์ด ์์ ํ๊ธฐ chat gpt ref : chat gpt app.get('/search', (req, res) => { const { q } = req.query; res.send(`Search results for: ${q}`); // console.log(req.query); }) ์์ query๋ ์ด๋ค ๊ฑธ ์๋ฏธํด? ๊ทธ ๋ค์์ผ๋ก ์ฌ๊ธฐ์ query๊ฐ Jquery์ ์ฐ๊ด ์์ด? req.query๋ Express์์ ํด๋ผ์ด์ธํธ๊ฐ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/c1StwM/btr8IJB7Sv0/qJiGSgMdkRkAnynrGPSTS0/img.png)
Topic explain class import,export - Module.express ์ฌ์ฉํ๊ธฐ npm - npm๊ฐ์ ํจํค์ง ์ค์นํ๊ธฐ https://www.npmjs.com/ npm link ~ /์ดํด๊ฐ ์ ์๊ฐ ๊ธ๋ก๋ฒ ํจํค์ง ์ถ๊ฐํ๊ธฐ npm init Package.json์ ์ค์์ฑ .json์ dependencies๋ค์ ์ ์ฌํ ๋ณด์
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/P6yU9/btr8nQ3a0Mj/E7BH4f7UGNsMHoqqn14AxK/img.png)
Topic explain class Node.js ๋ ธ๋JS๋ JS์ ๋ฐํ์์ด๋ค. JS์ ์ด๋ ์ ๋ฌด์์ธ๊ฐ JS์๋ ์ ๊ณต์ํ์ด ์๋๊ฐ JS๋ ์ค์นํ์ง ์๋ ๋์ ์ผ์ ํ ์ฌ์์ ๊ฐ์ถ์ด์ผํ๋ค. ๊ทธ๊ฒ์ ๋ฐ๋ก ECMAScript์ฌ์์ด๋ค. ๊ทธ๋ฌ๋ฉด ๋ธ๋ผ์ฐ์ ๊ฐ JS๋ฅผ ์คํ์ํจ๋ค. ๊ทธ๋ ๊ฒ ๊ท์น์ ์งํจ๋ค. ๋ธ๋ผ์ฐ์ ๋ JS๋ฅผ ์์ฑํ๊ณ ์คํ์ํฌ ์ ์๋ ์ ์ผํ ์ฅ์์ด๋ค. ํ์ง๋ง phyton์ด๋ ruby๋ก๋ ์น์๋ฒ๋ ํ์ผ ์์คํ ์ ์ํธ์์ฉ์ ํ ์์๋๋ฐ Node.js๊ฐ ๋์ค๊ธฐ ์ ์๋ ์ด๋ฐ์ผ์ ๋ชปํ๋ค. Node๋ ๋ธ๋ผ์ฐ์ ๋ฐ์์ ์๋๋๋ JS์ ์คํ ํ๊ฒฝ์ด๋ค.JS์ฝ๋๋ฅผ ๋ธ๋ผ์ฐ์ ๋ฅผ ์ด์ง ์๊ณ ์คํ ํ ์ ์๋ค.(๊ทธ๋ ๋ค๊ณ ๋๊ฐ์ ์ผ์ ํ ์ ์๋ ๊ฒ์ ์๋๋ค.) Node Js๊ฐ์ Node์ ํ๋ ์ ์ํฌ๋ Express์ด๋ค. Node..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/GfWce/btr8htOHbAi/d8KFOE8ux0Pv9qxKTzcur0/img.png)
Topic explain class ls pwd cd cd.. ์๋๊ฒฝ๋ก ์ ๋๊ฒฝ๋ก mkdir man~ docํ์ผ๊ฐ์ ๋๋์ด ๊ฐํ๋ค. touch rm rmdir rm -rf r์ ๋ฐ๋ณต f๋ ๊ฐํํ๋ค.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bCktWP/btr7249sMTs/FKGUfApHBgBZ0ZpOEUhe11/img.png)
Topic explain class Prototype prototype/__proto__ ํ๋กํ ํ์ ์ ์ฒญ์ฌ์ง๊ณผ ๊ฐ๋ค. ์๋ฅผ ๋ค์ด arr.includes(2)๋ฅผ ์ฌ์ฉํ ๋ includes()์ ํจ์๋ ํ๋กํ ํ์ ๊ฐ์ฒด์์ ์ ์๋๋ค. ํ๋กํ ํ์ ์ด๋? String.prototype.yell = function () { return `OMG!! ${this.toUpperCase()}!!!!` } Array.prototype.pop = function() { return 'SORRY I WANT THAT ELEMENT, I WILL NEVER POP IT OFF!'; } ์ฌ๊ธฐ์ prototpye์ ๋ฉ์๋๋ ํน์ฑ์ ์ถ๊ฐํ๋ ์ค์ ๊ฐ์ฒด์ด๋ค. ํ ํ๋ฆฟ ๊ฐ์ฒด, ์ฆ ํ๋กํ ํ์ ์ด๋ค. ์ฌ๊ธฐ์ [[prototpye]]/(__pro..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bkz04a/btr7SulfluH/S1jrLYpnP4o7ohquFyc7t1/img.png)
topic explain class AJAX AJAX formํ๊ทธ์ promise๊ฐ ๋ง์ด ์๊ฐ์ด ๋๋ค. AJAX๋ ํ์ด์ง์ ๋ฐ์ดํฐ๋ฅผ ์๊ตฌํ๋ค. ํ์ด์ง๊ฐ ๋ก๋ฉ์ด ๋ ํ ๋ฐ์ดํฐ๋ฅผ ์์ฒญํ ์ ์ ๋ค. ๊ฒ์ํ ๋ ์ค์๊ฐ์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ์์ฒญํ ์ ์๋ค. ํ์ํ ๊ฐ๋ ์ ํฌ๋งทํ ์ ์์์ผํ๋ค. AJAX๊ฐ์ API *์ค๋ํฌ์ธํธ ์์ฒญ์ ์ฃผ๊ณ ๋ฐ์ ์ ์๋ ํต์ (?)์๋จ(?)๊ฐ์ ๊ฒ. JASON๊ณผ ์์ฃผ ๋ฐ์ ํ ๊ด๊ณ๊ฐ ์๋ค. APIs๊ฐ์ JASON XML์ ๊ณผ๊ฑฐ์ ๋ง์ด ์ฌ์ฉํ๋ค. JASON.parse(data)๋ฅผ ์ด์ฉํด์ JASON๊ตฌ์กฐํ ํ๋ฉด ๋๋ค. JASON์ด๋? //THIS IS A STRING OF JSON (NOT AN OBJECT) const data = `{"ticker":{"base":"BTC","target":"..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/UV401/btr6QoAIt9y/fEndUOflLv3RuDEBvlTwtK/img.png)
Topic explain class The Call Stack ์ฑ ์ ์ฝ์ ๋ ์๊ฐ๋ฝ์ผ๋ก ์ง์ด๊ฐ๋ ํ์์ ๋น์ทํ๋ค. ์ฝ์คํ์ ์ค๋ช ํ๊ธฐ ์์ ์คํ์ ์ด์ ์ ์ธ๊ธํ๋ ๋ฐฐ์ด์ push, popm shift,unshift์ ๊ฐ๋ค. ์คํ์ ์ปดํจํฐ ๊ณผํ์ ๊ธฐ๋ณธ ๋ฐ์ดํฐ ๊ตฌ์กฐ์ด๋ค. ํ์ ์ ์ถ(LIFO) ๋ฐ์ดํฐ ๊ตฌ์กฐ๋ก ์๋ ค์ ธ ์๋ค. - ํฌ์ผ์ดํฌ ์ฝ ์คํ์ JS๊ฐ ์ฌ์ฉํ๋ ๋ฉ์ปค๋์ฆ์ด๋ค. ์ฌ๋ฌ ํจ์๋ฅผ ํธ์ถํ๋ ์คํฌ๋ฆฝํธ์์ ํด๋น ์์น๋ฅผ ์ถ์ ํ๋ค. ...(๋ง์ ๋ด์ฉ์ด ์๋ต) ์ฝ๋๋ฅผ ํตํ ํจ์ ํํ ์ฝ ์คํ์ ํจ์ ํธ์ถ ํํ ์ฝ ์คํ(Call Stack) loupe Site : http://latentflip.com/loupe/?code=JC5vbignYnV0dG9uJywgJ2NsaWNrJywgZnVuY3Rpb24gb25DbGlja..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/HNIKS/btr5N9Kepr7/NtJF8ouRJR30qXXFkS0ohk/img.png)
๋ฌธ์ ๊ฐ์ฒด ๋ชจ๋ธ(DOM) - Web API | MDN ๋ฌธ์ ๊ฐ์ฒด ๋ชจ๋ธ(DOM)์ ๋ฉ๋ชจ๋ฆฌ์ ์น ํ์ด์ง ๋ฌธ์ ๊ตฌ์กฐ๋ฅผ ํํํจ์ผ๋ก์จ ์คํฌ๋ฆฝํธ ๋ฐ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ ํ์ด์ง๋ฅผ ์ฐ๊ฒฐํฉ๋๋ค. ์ด๋ ์คํฌ๋ฆฝํธ๋ ์ฃผ๋ก JavaScript๋ฅผ ์๋ฏธํ๋ HTML, SVG, XML ๊ฐ์ฒด๋ฅผ ๋ฌธ์๋ก developer.mozilla.org -getElementById -getElementByTagName & className -querySelector & querySelectorAll -> All์ ์ด์ฉํด์ ๋ฐฐ์ด๋ก ์ง์ ํ ์ ์๋ค. -innerHTML, textContent & innerText -์์ฑ(Properties & methods)-Attributes -style, window.getCompuredStyle : ์คํ์ผ ๋ณ๊ฒฝํ๊ธฐ..