๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90

๐Ÿ“ŒDevelopment/JavaScript
19

[JS] ๋ฐ์ดํ„ฐํƒ€์ž…, data types, ๋ณ€์ˆ˜ ์„ ์–ธ let vs var, hoisting Variable, rw (read / write) : ๋ณ€์ˆ˜ : ๋ณ€๊ฒฝ๋  ์ˆ˜ ์žˆ๋Š” ๊ฐ’ : let์„ ๋งŽ์ด ์”€ let name = 'ellie'; - ํ•ด์„: let์ด๋ผ๋Š” ํ‚ค์›Œ๋“œ ์ด์šฉํ•ด์„œ name์ด๋ผ๋Š” ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธ(declaration)ํ•˜๊ณ  ellie๋ผ๋Š” ๋ณ€์ˆ˜์˜ ๊ฐ’์„ ํ• ๋‹นํ•œ๋‹ค. name = 'hello'; - ํ•ด์„: ๋‹ค์‹œ name ์ด๋ผ๋Š” ๋ณ€์ˆ˜์— hello ๋ผ๋Š” ๊ฐ’์„ ํ• ๋‹นํ•˜๋ฉด console์—๋Š” ellie์™€ hello๊ฐ€ ๋‚˜๋ž€ํžˆ ์ถœ๋ ฅ๋œ๋‹ค. ๋ณ€์ˆ˜๊ฐ€ ์“ฐ์ด๋Š” ์›๋ฆฌ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์“ฐ๊ฒŒ ๋˜๋ฉด, ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜๋งˆ๋‹ค ์“ธ ์ˆ˜ ์žˆ๋Š” ๋ฉ”๋ชจ๋ฆฌ๊ฐ€ ํ• ๋‹น๋˜์–ด์ง„๋‹ค. ์ด ๋ฉ”๋ชจ๋ฆฌ๋Š” ํ……ํ…… ๋น„์–ด์žˆ๋Š” ๋ฐ•์Šค๋“ค์ธ๋ฐ let์ด๋ผ๋Š” ํ‚ค์›Œ๋“œ๋ฅผ ์ด์šฉํ•ด์„œ name์ด๋ผ๋Š” ๋ณ€์ˆ˜๋ฅผ ์ •์˜ํ•˜๊ฒŒ๋˜๋ฉด ํ•œ๊ฐ€์ง€์˜ ๋ฐ•์Šค๋ฅผ ์ •์˜ํ•  ์ˆ˜ ์žˆ๋Š” ํฌ์ธํ„ฐ๊ฐ€ ์ƒ๊น€. name์ด๋ผ๋Š” ๋ณ€์ˆ˜๊ฐ€ ๊ฐ€๋ฆฌํ‚ค๊ณ  ์žˆ๋Š”.. 2023. 3. 12.
[JS] UI vs API & ๋งˆ๋ฌด๋ฆฌ *UI : User Interface : ์‚ฌ์šฉ์ž๊ฐ€ ์‹œ์Šคํ…œ์„ ์ œ์–ดํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋Š” ์กฐ์ž‘์žฅ์น˜ *API : Application Programmming Interface : ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งŒ๋“ค๊ธฐ์œ„ํ•ด ํ”„๋กœ๊ทธ๋ž˜๋ฐํ• ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ์กฐ์ž‘์žฅ์น˜ (ex.alert) : ๋ชจ๋“  ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์— ๊ณตํ†ต์ ์œผ๋กœ ์ ์šฉ๋จ. ๋ชจ๋“  ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜๋“ค์€ API๋ฅผ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ชฝ์œผ๋กœ, ์ˆœ์„œ๋Œ€๋กœ ์‹คํ–‰ํ•˜๋Š” ๊ฒƒ์„ ํ†ตํ•ด ๋งŒ๋“ค์–ด์ง„๋‹ค.API์™€ ์ˆœ์„œ๋Š” ๋—„๋ ˆ์•ผ ๋—„ ์ˆ˜ ์—†๋Š” ๊ด€๊ณ„. : java script๋กœ api๋ฅผ ์‘์šฉํ•ด์„œ ํ”„๋กœ๊ทธ๋žจ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค. JS๋ฅผ ๋งˆ๋ฌด๋ฆฌํ•˜๋ฉฐ ๊ณต๋ถ€ ๋ณด๋‹จ ์‹ค์Šต์„ ์ถ”์ฒœํ•œ๋‹ค. ์‹ค์Šต๋ณด๋‹ค๋Š” ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๋Š”๊ฒƒ์ด ์ข‹๋‹ค. ๊ณต๋ถ€๋ฅผ ๋งŽ์ด ํ•  ์ˆ˜๋ก ๋จธ๋ฆฌ๊ฐ€ ๋ณต์žกํ•ด์ง€๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ์ž์‹ ์˜ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ํ•  ๋•Œ, ๋ชจ๋“  ๊ฐœ๋…์„ ์ด๋™์› ํ•˜๋ ค๊ณ  ํ•˜์ง€ ๋ง์•„๋ผ. ์ตœ์†Œํ•œ์˜ .. 2023. 3. 6.
728x90

์ตœ๊ทผ๋Œ“๊ธ€

์ตœ๊ทผ๊ธ€

skin by ยฉ 2024 ttutta