frontend 3

[JavaScript] ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ

๐Ÿ“Œ ์ถ”๊ฐ€๋กœ ์ •๋ฆฌํ•  ๊ฒƒ - ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ ๋ฐฉ๋ฒ•- call back- promise ๋™๊ธฐ vs ๋น„๋™๊ธฐ JavaScript๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ์‹ฑ๊ธ€ ์Šค๋ ˆ๋“œ (single thread) ์–ธ์–ด์ด๋ฉฐ, ๋น„๋™๊ธฐ ๋ฐฉ์‹์ฒ˜๋Ÿผ ๋™์ž‘ํ•  ์ˆ˜ ์žˆ์Œ ๊ฐœ๋…๋™๊ธฐ (Synchronous)ํ•œ ๋ฒˆ์— ํ•œ ์ž‘์—…๋งŒ ์‹คํ–‰ํ•˜๋ฉฐ, ์ž‘์—…์ด ๋๋‚  ๋•Œ๊นŒ์ง€ ๋‹ค์Œ ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋˜์ง€ ์•Š์Œ ์ž‘์—…์ด ์™„๋ฃŒ๋  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ฆผ -> ์ค‘๊ฐ„์— ์‹คํ–‰ ์†๋„๊ฐ€ ๋А๋ฆฌ๋ฉด, ๋‹ค์Œ ๋ถ€๋ถ„์ด ์•„์˜ˆ ํ™”๋ฉด์— ๋ณด์ด์ง€ ์•Š์Œ console.log('1') // ๋ฐ”๋กœ ์ถœ๋ ฅ alert('์‚ฌ์šฉ์ž์˜ ์ž…๋ ฅ์„ ๊ธฐ๋‹ค๋ฆฝ๋‹ˆ๋‹ค.') // ์‚ฌ์šฉ์ž๊ฐ€ ๋ˆ„๋ฅผ ๋•Œ๊นŒ์ง€ ๋Œ€๊ธฐ console.log('2') // ์œ— ์ค„์ด ์‹คํ–‰ ์™„๋ฃŒ๋  ๋•Œ๊นŒ์ง€ ์ถœ๋ ฅ๋˜์ง€ ์•Š์Œ ๋น„๋™๊ธฐ (Asynchronous)ํ•˜๋‚˜์˜ ์ž‘์—…์ด ๋๋‚  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ฆฌ์ง€ ์•Š๊ณ , ๋‹ค๋ฅธ ์ž‘์—…..

IT/JavaScript 2025.02.24

[JavaScript] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ณธ ๋ฌธ๋ฒ• ์ด์ •๋ฆฌ

๐Ÿ“Œ ๊ณ„์† ์—…๋ฐ์ดํŠธ ์˜ˆ์ •- ๊ฐ์ฒด ์„ ์–ธํ•˜๋Š” ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ฐฉ๋ฒ• ์ˆซ์ž๋กœ ๋ณ€ํ™˜ํ•จ์ˆ˜ํŠน์ง•์˜ˆ: "42.5px"์˜ˆ: "10abc"์˜ˆ: "hello"Number()๋ฌธ์ž์—ด์„ ์ˆซ์ž๋กœ ๋ณ€ํ™˜ (์‹ค์ˆ˜, ์ •์ˆ˜ ๋ชจ๋‘ ๊ฐ€๋Šฅ)NaNNaNNaNparseInt()๋ฌธ์ž์—ด์„ **์ •์ˆ˜(int)**๋กœ ๋ณ€ํ™˜4210NaNparseFloat()๋ฌธ์ž์—ด์„ **์‹ค์ˆ˜(float)**๋กœ ๋ณ€ํ™˜42.510NaN ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜ํ•จ์ˆ˜์„ค๋ช…์˜ˆ: 42์˜ˆ: true์˜ˆ: nullString()๋ชจ๋“  ๊ฐ’์„ ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜"42""true""null".toString()์ˆซ์ž, ๋ถˆ๋ฆฌ์–ธ์„ ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜ (๊ฐ์ฒด, null, undefined์—์„œ๋Š” ์‚ฌ์šฉ ๋ถˆ๊ฐ€)"42""true"์—๋Ÿฌ๋ฐœ์ƒ ๋ถˆ๋ฆฌ์–ธ์œผ๋กœ ๋ณ€ํ™˜๊ฐ’Boolean() ๋ณ€ํ™˜ ๊ฒฐ๊ณผ0, "", null, undefined, NaNfalse1..

IT/JavaScript 2025.02.23

[Frontend] ๋ถ€ํŠธ์ŠคํŠธ๋žฉ (Bootstrap)

๋ถ€ํŠธ์ŠคํŠธ๋žฉ (Bootstrap)์„ค๋ช…HTML, CSS, JavaScript ๊ธฐ๋ฐ˜์˜ ์˜คํ”ˆ์†Œ์Šค ํ”„๋ ˆ์ž„์›Œํฌ ๋ฐ˜์‘ํ˜• (Responsive) ์›น ๋””์ž์ธ์„ ์‰ฝ๊ฒŒ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•๋Š” UI ์ปดํฌ๋„ŒํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์žฅ์ ๋ฏธ๋ฆฌ ์ •์˜๋œ CSS ์Šคํƒ€์ผ ๋ฐ UI ์ปดํฌ๋„ŒํŠธ ์ œ๊ณต ๋ฐ˜์‘ํ˜• ๋””์ž์ธ ์ง€์› - `๋ชจ๋ฐ”์ผ์„ ๋จผ์ € ๊ฐœ๋ฐœํ•ด๋ผ!`์œ ํ‹ธ๋ฆฌํ‹ฐ ํด๋ž˜์Šค ์ œ๊ณต (CSS ์ฝ”๋“œ๋ฅผ ์ง์ ‘ ์ž‘์„ฑํ•˜์ง€ ์•Š์•„๋„ ๊ฐ„ํŽธํ•˜๊ฒŒ ์Šคํƒ€์ผ ์ ์šฉ ๊ฐ€๋Šฅ)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ฐ˜ ์ปดํฌ๋„ŒํŠธ ํฌํ•จ (๋ชจ๋‹ฌ, ๋“œ๋กญ๋‹ค์šด, ์˜คํ”„์บ”๋ฒ„์Šค ๋“ฑ..) BootstrapPowerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components..

Copy