๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
[JS] JavaScript - async์™€ defer ์ฐจ์ด Web APIs API Application Programming Interfacer ์˜ ์•ฝ์ž ์†Œํ”„ํŠธ์›จ์–ด ํ”„๋กœ๊ทธ๋žจ ๋‚ด๋ถ€์— ์กด์žฌํ•˜๋Š” ๊ธฐ๋Šฅ ๋ฐ ๊ทœ์น™์˜ ์ง‘ํ•ฉ ๊ฐœ๋ฐœ์ž๊ฐ€ ์•ฑ์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž์˜ ์›น๋ธŒ๋ผ์šฐ์ €์—์„œ ์ƒํ˜ธ์ž‘์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ์ฝ”๋“œ๊ธฐ๋Šฅ๋“ค, ์‚ฌ์šฉ์ž์˜ ์ปดํ“จํ„ฐ ์ƒ์— ์žˆ๋Š” ๋‹ค๋ฅธ ์†Œํ”„ํŠธ์›จ์–ด ๋ฐ ํ•˜๋“œ ์›จ์–ด, ๋˜๋Š” ์„œ๋“œํŒŒํ‹ฐ ์›น์‚ฌ์ดํŠธ๋‚˜ ์„œ๋น„์Šค์˜ ์ง‘ํ•ฉ์„ ์˜๋ฏธ ๊ฐœ๋ฐœ์ž๊ฐ€ ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š” ์ง€ ๋ชฐ๋ผ๋„ ์‚ฌ์šฉ๋ฒ•๋งŒ ์•Œ๋ฉด ๊ธฐ๋Šฅ์„ ์‰ฝ๊ฒŒ ์“ธ ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ค€๋‹ค. console.log(' hello world'); ๊ฐ€ ๊ฐ€๋Šฅํ•œ ๊ฒƒ์€ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ WebAPI๋ฅผ ํ†ตํ•ด ํ•จ์ˆ˜๋ฅผ ์ œ๊ณตํ•ด์ฃผ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. js ํŒŒ์ผ์˜ ๊ธฐ๋ณธ์ ์ธ ์œ„์น˜ ⇒ HTML์—์„œ javaScript๋ฅผ ํฌํ•จํ•  ๋•Œ ์“ธ ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•๋“ค js ํŒŒ์ผ์˜ headํƒœ๊ทธ ์•ˆ์— ์œ„์น˜ ์‹œ์ผฐ์„ ๋•Œ ์ˆœ์„œ : pars.. 2022. 2. 2.
์ปดํ“จํŒ… ์‚ฌ๊ณ  - 2์ง„๋ฒ• ๐Ÿ“boostcourse ์˜ '๋ชจ๋‘๋ฅผ ์œ„ํ•œ ์ปดํ“จํ„ฐ ๊ณผํ•™ (CS50 2019)' ์„ ๋“ฃ๊ณ  ์ •๋ฆฌํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์ปดํ“จํ„ฐ ๊ณผํ•™ ๋ฌธ์ œ ํ•ด๊ฒฐ์— ๋Œ€ํ•œ ํ•™๋ฌธ์ด๋‹ค. ๋ฌธ์ œํ•ด๊ฒฐ ์ž…๋ ฅ(Input) ์„ ์ „๋‹ฌ ๋ฐ›์•„์„œ → ์ถœ๋ ฅ(Output)์„ ๋งŒ๋“ค์–ด๋‚ด๋Š” ๊ณผ์ • ์—ฌ๊ธฐ์„œ ์ค‘๊ฐ„์— ์žˆ๋Š” ์—ญํ• ์ด ๋ฐ”๋กœ ์ปดํ“จํ„ฐ ๊ณผํ•™! ์ด๋Ÿฌํ•œ ์ž…/์ถœ๋ ฅ์„ ํ‘œํ˜„ ํ•˜๋ ค๋ฉด ๋ชจ๋‘๊ฐ€ ๋™์˜ํ•  ์•ฝ์†, ์ฆ‰ ํ‘œ์ค€์ด ํ•„์š”ํ•˜๋‹ค. ๋”ฐ๋ผ์„œ ์ปดํ“จํ„ฐ ๊ณผํ•™์˜ ์ฒซ ๋ฒˆ์งธ ๊ฐœ๋…์€ ์–ด๋–ป๊ฒŒ ํ‘œํ˜„ํ• ์ง€์— ๋Œ€ํ•œ ํ‘œํ˜„๋ฐฉ๋ฒ•์ด๋‹ค. 2์ง„๋ฒ• 10์ง„๋ฒ• ์ผ์ƒ์—์„œ ์“ฐ๋Š” 0, 1, 2, 3, 4, 5, 6, 7, 8, 9,10 ์ด 10๊ฐœ์˜ ๊ธฐํ˜ธ๋กœ ํ‘œํ˜„ํ•˜๋Š” ๊ฒƒ ex) 123 = 10² x 1 + 10¹ x 2 + 10โฐ x 3 ๋กœ ํ‘œ์‹œ 2์ง„๋ฒ• ์ปดํ“จํ„ฐ๊ฐ€ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• ์˜ค์ง 0, 1 ๋กœ๋งŒ ๋ฐ์ดํ„ฐ๋ฅผ ํ‘œํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ• ์ปดํ“จํ„ฐ๋Š” ์ˆซ์ž ๋ฟ.. 2022. 2. 2.
[์ •๋ณด] ๊นƒํ—ˆ๋ธŒ์— gif ํŒŒ์ผ ์˜ฌ๋ฆฌ๊ธฐ ๊นƒํ—ˆ๋ธŒ Repository๋ฅผ ์ •๋ฆฌํ•˜๋ฉด์„œ READMEํŒŒ์ผ์— ํ”„๋กœ์ ํŠธ ์„ค๋ช…์„ ์ž‘์„ฑํ•˜๋‹ค ๋ณด๋‹ˆ ๋ญ”๊ฐ€ ํ—ˆ์ „ํ•˜๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. ํ‰์†Œ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์ด ์ž˜ ๊พธ๋ฉฐ๋†“์€ ๊นƒํ—ˆ๋ธŒ๋ฅผ ๋งŽ์ด ๊ตฌ๊ฒฝํ•˜๋Š” ํŽธ์ธ๋ฐ, ๋‹ค๋ฅธ ๊นƒํ—ˆ๋ธŒ๋“ค์„ ๊ตฌ๊ฒฝํ•ด๋ณด๋‹ˆ Repository์— ๋™์˜์ƒ์ด๋‚˜ gifํŒŒ์ผ๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ์„ค๋ช…ํ•ด ๋‘์–ด์„œ ๋ณด๋Š” ์‚ฌ๋žŒ์ด ํŽธ๋ฆฌํ•˜๊ฒŒ ํ•ด ๋‘” ์‚ฌ๋žŒ์ด ๋งŽ์•˜๋‹ค. ๋‚ด README ํŒŒ์ผ์—๋„ ์ ์šฉํ•˜๊ธฐ ์œ„ํ•ด ๋ฐฉ๋ฒ•์„ ์ฐพ์•„๋ณด์•˜๊ณ , ํ•œ๋ฒˆ ์ •๋ฆฌ๋ฅผ ํ•ด๋‘๊ธฐ ์œ„ํ•ด์„œ ํฌ์ŠคํŒ…ํ•ด๋ณด์•˜๋‹ค. ๐Ÿ’Ž ํ”„๋กœ์ ํŠธ ๋…นํ™”ํ•˜๊ธฐ 1. ๋™์˜์ƒ ๋…นํ™”ํ•˜๊ธฐ (mp4ํŒŒ์ผ) ์ด๋ฏธ ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ๋™์˜์ƒ ๋…นํ™” ํ”„๋กœ๊ทธ๋žจ๋“ค์ด ์กด์žฌํ•˜์ง€๋งŒ, ์œˆ๋„์šฐ10์— ๋‚ด์žฅ๋œ ๊ธฐ๋Šฅ ์ค‘ '๊ฒŒ์ž„ ๋…นํ™”'๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ–ˆ๋‹ค. [win + G ] ํ‚ค๋ฅผ ๋ˆ„๋ฅด๋ฉด ๊ฒŒ์ž„๋ชจ๋“œ๋กœ ์ ‘์†๋˜๋ฉด์„œ ์•„๋ž˜์™€ ๊ฐ™์€ ํ™”๋ฉด์ด ๋œฌ๋‹ค ์ € ํ™”๋ฉด ์ค‘ ์บก์ฒ˜ ๊ธฐ๋Šฅ ๋ฐ•์Šค์˜ โšซ๋ฒ„ํŠผ.. 2021. 11. 24.
[Error] STS ์„œ๋ฒ„ ์ž๋™ ์žฌ์‹œ์ž‘ ์•ˆ ๋ ๋•Œ ํ•ด๊ฒฐ๋ฐฉ๋ฒ• ์ฝ”๋กœ๋‚˜ ๋•Œ๋ฌธ์— ํ•™์›๊ณผ ์ง‘์„ ์™”๋‹ค ๊ฐ”๋‹ค ํ•˜๋ฉฐ ์ˆ˜์—…์„ ๋“ฃ๋‹ค ๋ณด๋‹ˆ ๊ฐ€๋” ํ•œ์ชฝ ์ปดํ“จํ„ฐ์˜ ์„ธํŒ…์ด ๋œ ๋˜์–ด์„œ ๊ธฐ๋Šฅ์˜ ๊ตฌํ˜„์ด ์ž˜ ๋˜์ง€ ์•Š๋Š” ์ƒํ™ฉ์ด ๋ฐœ์ƒํ•˜๊ณค ํ•œ๋‹ค. ์ด๋ฒˆ ๋ฌธ์ œ๋„ ์ง‘์—์„œ ์คŒ ์ˆ˜์—…์œผ๋กœ ์ˆ˜์—…์„ ๋“ฃ๋˜ ์ค‘ ๋ฐœ์ƒํ–ˆ๋Š”๋ฐ, ์ž˜ ๋˜๋˜ STS์˜ livereload ๊ธฐ๋Šฅ์ด ๊ฐ‘์ž๊ธฐ ๊ตฌํ˜„์ด ๋˜์ง€ ์•Š๋Š” ๊ฒƒ์ด๋‹ค! ์ด ๊ธฐ๋Šฅ์€ ์›๋ž˜ ๊ธฐ๋ณธ์ ์œผ๋กœ ์‹คํ–‰๋˜์–ด์•ผ ํ•˜๋Š”๋ฐ ๋ฌด์Šจ ์ด์œ ์—์„œ์ธ์ง€ ๋‚ด ์ปดํ“จํ„ฐ์—๋Š” ์ „ํ˜€ ์‹คํ–‰๋˜์ง€ ์•Š์•˜๋‹ค. ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋ณ€๊ฒฝ๋˜๋Š” ์˜ˆ์ œ๋ฅผ ์„œ๋ฒ„๋กœ ํ™•์ธํ•˜๋ ค๊ณ  ํ•˜๋‹ค ๋ณด๋‹ˆ ๋งค๋ฒˆ ์„œ๋ฒ„๋ฅผ ์žฌ์‹œ์ž‘ํ•˜๊ธฐ์—” ์‹œ๊ฐ„๋„ ๋„ˆ๋ฌด ๋งŽ์ด ์†Œ์š”๋˜๊ณ , ๋„ˆ๋ฌด ๋ฒˆ๊ฑฐ๋กœ์›Œ์„œ ํ•ด๊ฒฐ๋ฐฉ์•ˆ์„ ์ฐพ์•„๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค. ๊ตฌ๊ธ€์— ๊ฒ€์ƒ‰ํ•ด๋ณด๋‹ˆ ์ด ๊ฒฝ์šฐ์—๋Š” ์•„๋ž˜์™€ ๊ฐ™์€ ๋‘ ๋‹จ๊ณ„์˜ ํ•ด๊ฒฐ๋ฐฉ์•ˆ์ด ์žˆ์—ˆ๋‹ค. (๋‚˜๋Š” gradleํ™˜๊ฒฝ์—์„œ ์ž‘์—…ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— gradle์˜ ํ™˜๊ฒฝ์—์„œ์˜ ์„ค์ •๋ฒ•์„ ์ฐพ์•„๋ณด์•˜๋‹ค.) (๊ธ‰.. 2021. 7. 5.
๋ฐ˜์‘ํ˜•