profile
Junior FrontEnd Developer ๐Ÿ˜Ž
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (74)JavaScript(29)๋ฐ๋ธŒ์ฝ”์Šค(13)programmers(12)KDT(12)ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค(12)ํ”„๋ก ํŠธ์—”๋“œ๊ฐœ๋ฐœ์ž(11)webpack(10)ํšŒ๊ณ (7)๊ทธ๋ ™(6)๋ถ€ํŠธ์บ ํ”„(5)ํšŒ๊ณ ์ผ๊ธฐ(5)vanilla(5)jquery(5)typescript(5)component(5)React(5)vue.js(4)๊ฐœ๋ฐœ์ž์„ฑ์žฅ์ผ๊ธฐ(4)๋ฐ”๋‹๋ผ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ(4)ํ† ์ดํ”„๋กœ์ ํŠธ(3)ํด๋ก ์ฝ”๋”ฉ(2)๋ธŒ๋ผ์šฐ์ €(2)ํ”„๋ก ํŠธ์—”๋“œ(2)programming(2)CSS(2)๊ฐœ๋ฐœ์ž๋ฉด์ ‘(1)ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ฐ๋ธŒ์ฝ”์Šค(1)ํ›„๊ธฐ(1)ํ”„๋ก ํŠธ์—”๋“œ๊ฐœ๋ฐœ์ฑ…์ถ”์ฒœ(1)๊ฐœ๋ฐœ๋…ํ›„๊ฐ(1)์ฝ”๋”ฉ ๋ถ€ํŠธ ์บ ํ”„(1)web(1)ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๊ตญ๋น„ ์ง€์› ํ›„๊ธฐ(1)ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ฐ๋ธŒ์ฝ”์Šค ํ›„๊ธฐ(1)์ฝ”๋”ฉ ๊ต์œก(1)K-๋””์ง€ํ„ธ ํŠธ๋ ˆ์ด๋‹(1)ํ”„๋ก ํŠธ์—”๋“œ๊ฐœ๋ฐœ์ž๊ฐ€ํ•˜๋Š”์ผ(1)User Interface(1)DOM(1)babel(1)ํ”„๋ŸฐํŠธ์—”๋“œ์ฑ…์ถ”์ฒœ(1)html(1)๊ฐœ๋ฐœ์ž์ฑ…์ถ”์ฒœ(1)CSR(1)SSR(1)ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž(1)๋‚ด์ผ๋ฐฐ์›€์นด๋“œ(1)๋ฐ”๋‹๋ผํƒ€์ž…์Šคํฌ๋ฆฝํŠธ(1)
post-thumbnail

์ƒ์„ฑ์ž ํ•จ์ˆ˜ vs ํด๋ž˜์Šค โš–๏ธ

# ์ƒ์„ฑ์ž ํ•จ์ˆ˜๋ž€? ๐Ÿง ## ์ •์˜ ๐Ÿ“‹ - ์ด๋ฆ„ ๊ทธ๋Œ€๋กœ ๊ฐ์ฒด(์ธ์Šคํ„ด์Šค)๋ฅผ ์ƒ์„ฑํ•˜๋Š” ํ•จ์ˆ˜ ## ํŠน์ง• ๐Ÿ™Œ - ์ผ๋ฐ˜ ํ•จ์ˆ˜์™€ ๋™์ผํ•œ ๋ฐฉ๋ฒ•์œผ๋กœ ์ƒ์„ฑ์ž ํ•จ์ˆ˜๋ฅผ ์ •์˜ - `new` ์—ฐ์‚ฐ์ž์™€ ํ•จ๊ป˜ ํ˜ธ์ถœํ•ด์•ผ๋งŒ `์ƒ์„ฑ์ž ํ•จ์ˆ˜`๋กœ ๋™์ž‘ - `new` ์—ฐ์‚ฐ์ž ์—†์ด ํ˜ธ์ถœํ•˜๊ฒŒ ๋  ๊ฒฝ์šฐ,

2021๋…„ 8์›” 23์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

๊ฐ€๋ณ๊ฒŒ ์•Œ์•„๋ณด๋Š” ๋ธŒ๋ผ์šฐ์ €์™€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์—ญ์‚ฌ ๐Ÿ˜‰

ํŒ€ ๋ฒ„๋„ˆ์Šค๋ฆฌ๊ฐ€ ์ตœ์ดˆ์˜ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ๊ฐœ๋ฐœ๋„ท ์Šค์ผ€์ดํ”„๊ฐ€ ๋„ค๋น„๊ฒŒ์ดํ„ฐ๋ฅผ ์ถœ์‹œํ•˜๋ฉด์„œ ์ตœ์ดˆ์˜ ์ƒ์šฉ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋“ฑ์žฅ1995๋…„ ์ฆˆ์Œ, ๋„ค๋น„๊ฒŒ์ดํ„ฐ๋Š” ํฐ ์ธ๊ธฐ๋ฅผ ์–ป์–ด ๋น ๋ฅด๊ฒŒ ์‹œ์žฅ ์ ์œ ์œจ 90%๋ฅผ ์ฐจ์ง€์ด๋•Œ์˜ ์›น์€ HTML๋กœ๋งŒ ์ด๋ฃจ์–ด์ ธ ์ •์ ์ธ ๊ธฐ๋Šฅ๋งŒ ์ œ๊ณตํ•˜์—ฌ ๋งํฌ๋งŒ ์กด์žฌํ•˜๋Š” ์›Œ๋“œ ๋ฌธ์„œ์™€ ๋ณ„

2021๋…„ 8์›” 14์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[JavaScript ] JavaScript ํ•จ์ˆ˜ ๋‹ค์‹œ๋ณด๊ธฐ ์ •๋ฆฌ

JavaScript ํ•จ์ˆ˜ JavaScript์˜ ํ•จ์ˆ˜๋Š” ์ผ๊ธ‰ ๊ฐ์ฒด์ด๋ฉฐ private ๋ณ€์ˆ˜ ๋˜๋Š” ๋ฉ”์†Œ๋“œ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํ•จ์ˆ˜์˜ ํŠน์ง•์„ ์ด์šฉํ•˜์—ฌ public ์†์„ฑ๊ณผ ๋ฉ”์†Œ๋“œ๋ฅผ ์ œ๊ณตํ•˜๋ฉฐ JavaScript ๋ชจ๋“ˆ์„ ์ž‘์„ฑํ•˜๋Š” ์ข‹์€ ๋„๊ตฌ์ด๋‹ค. ๋˜ํ•œ JavaScript์˜ ๊ฐ€์žฅ ํฐ ๋ฌธ์ œ์ 

2020๋…„ 2์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[JavaScript] ๋ฌธ์ œ ํ’€์–ด๋ณด๊ธฐ #4 - ํ‘œํ˜„์‹

๋‹ค์Œ ์ค‘ a, b์˜ ๊ฐ’์€? ๋ฌธ์ œ์˜ ์š”์  ํ‘œํ˜„์‹์— ๋Œ€ํ•œ ์ดํ•ด ,์—ฐ์‚ฐ์ž์— ๋”ฐ๋ฅธ ์ฐจ์ด ๋ฌธ์ œ์˜ ์ •๋‹ต a : 5 b : 4 ๋ฌธ์ œ ํ’€์ด ์œ„์˜ ๋ฌธ์ œ์˜ ๊ฒฝ์šฐ, a()์™€ b()์˜ ์ฐจ์ด์ ์€ ๋ฐ˜๋ณต๋ฌธ ์•ˆ์˜ ,์—ฐ์‚ฐ์ž ์œ ๋ฌด ์ฐจ์ด์ด๋‹ค. a()์˜ ๊ฒฝ์šฐ, i--์ด๊ธฐ ๋•Œ๋ฌธ์— ์ฒ˜์Œ loop๋ฅผ ์‹คํ–‰ํ• ๋•Œ์˜ i์˜ ์ดˆ๊ธฐ๊ฐ’์€ 5๊ฐ€ ๋˜๋ฉฐ ๋ฐ˜๋ณต๋ฌธ๊ณผ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ 5 โ†’ 4 โ†’ 3 โ†’ 2 โ†’ 1 ์œผ...

2020๋…„ 1์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[JavaScript] ๋ฌธ์ œ ํ’€์–ด๋ณด๊ธฐ #3 - this

๋‹ค์Œ ์ค‘ this๊ฐ’์€? ๋ฌธ์ œ์˜ ์š”์  this์˜ ์ดํ•ด ๋ฌธ์ œ์˜ ์ •๋‹ต โ‘  window โ‘ก obj โ‘ข window ๋ฌธ์ œ ํ’€์ด obj.a()๋Š” obj.a = console.log(this)์™€ ๊ฐ™๋‹ค. (โ‘  window) obj.fn()์˜ this๋Š” ์ „์—ญ์—์„œ obj๋กœ ๋ฐ”์ธ๋”ฉ

2020๋…„ 1์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[JavaScript] ๋ฌธ์ œ ํ’€์–ด๋ณด๊ธฐ #2 - Hoisting

์—ฐ์Šต๋ฌธ์ œ #1. ๋ณด๊ธฐ ์ค‘ ์ •๋‹ต์ธ ๊ฒƒ์„ ๊ณ ๋ฅด์‹œ์˜ค โ‘  ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค. โ‘ก ์ •์ƒ์ ์œผ๋กœ ์‹คํ–‰๋˜๊ณ  undefined๊ฐ€ ์ถœ๋ ฅ๋œ๋‹ค. โ‘ข ์ •์ƒ์ ์œผ๋กœ ์‹คํ–‰๋˜๊ณ  2๊ฐ€ ์ถœ๋ ฅ๋œ๋‹ค. ์—ฐ์Šต๋ฌธ์ œ #1 ํ’€์ด var a = 2;๋ฅผ ํ•˜๊ฒŒ ๋˜๋ฉด JavaScript๋Š” ์•„๋ž˜์™€ ๊ฐ™์ด ๋™์ž‘ํ•œ๋‹ค. var a ์ธํ„ฐํ”„๋ฆฌํ„ฐ๊ฐ€ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธ a = 2 a๋ผ๋Š” ๋ณ€์ˆ˜๋ฅผ ์ฐพ๋Š”๋‹ค. ์—†๋‹ค โ†’ ...

2020๋…„ 1์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[JavaScript] ๋ฌธ์ œ ํ’€์–ด๋ณด๊ธฐ #1 - ๋™๋“ฑ ์—ฐ์‚ฐ์ž์™€ ์ผ์น˜ ์—ฐ์‚ฐ์ž

if(2 == _ ) ์ค‘, ๋ฐ‘์ค„์— ๊ฐ’์ด ๋“ค์–ด์˜ฌ๋•Œ true๊ฐ€ ์•„๋‹Œ ๊ฒฝ์šฐ๋ฅผ ๊ณ ๋ฅด์‹œ์˜ค. โ‘  Number(2) โ‘ก Number(2).valueOf() โ‘ข Number(2).toString() โ‘ฃ 2.valueOf() โ‘ค 2 .toString() ๋ฌธ์ œ์˜ ์š”์  ==์™€ ===๋Š”

2020๋…„ 1์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[JavaScript] JavaScript์™€ FrontEnd์˜ ๋ณ€ํ™”

JavaScript์—ญํ• ์˜ ๋ณ€ํ™” ๊ณผ๊ฑฐ์˜ ์—ญํ•  ๊ฐ„๋‹จํ•œ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ ๊ฐ„๋‹จํ•œ AJAX ํ†ต์‹  ํ˜„์žฌ์˜ ์—ญํ•  ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ (SPA, ๋ฉ”์ผ, ์ง€๋„ ๋“ฑ) ์„œ๋ฒ„ ์‚ฌ์ด๋“œ์ธ JSP๋ฅผ ์ด์šฉํ•ด์„œ ๋™์ ์œผ๋กœ html์„ ๋งŒ๋“ค์—ˆ์œผ๋ฉฐ JavaScript๋Š” ๊ทธ ์ผ๋ถ€์•ˆ์— ์กด์žฌํ–ˆ์—ˆ๋‹ค. (form์š”

2020๋…„ 1์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JavaScript - ECMA 2015 (ES6)์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

ECMAScript๋ž€? JavaScript ์–ธ์–ด์˜ ํ‘œ์ค€์ด๋ฉฐ ES6๋ผ๊ณ ๋„ ์นญํ•œ๋‹ค. ECMAScript๊ฐ€ ํ•„์š”ํ•œ ์ด์œ  ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์ด ์ตœ์‹  ์–ธ์–ด ๋ช…์„ธ๋“ค์„ ์ด์šฉํ•ด์„œ ์ž‘์„ฑ๋œ๋‹ค. (Ex. React.js, ํŠนํžˆ React๋Š” JSX๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— Babel๋„ ํ•„์š”ํ•˜๋‹ค.) ํ‘œ์ค€์„ ๋”ฐ๋ผ๊ฐ„๋‹ค. ํŽธ์•ˆํ•˜๋‹ค. ECMAScript์˜ ์‚ฌ์šฉ๋ฐฉ๋ฒ• ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‚ฌ์šฉํ•œ๋‹ค. (์ตœ์‹ ...

2020๋…„ 1์›” 2์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

์›น์„ ์›€์ง์ด๋Š” ๊ทผ์œก, JavaScript๋ž€ ๋ฌด์—‡์ธ๊ฐ€?

image.png HTML : ์›นํŽ˜์ด์ง€์˜ ๊ตฌ์กฐ๋ฅผ ๋งŒ๋“ค์–ด์ค€๋‹ค. (๋งˆํฌ์—… ์–ธ์–ด) CSS : ์›นํŽ˜์ด์ง€์— ๋””์ž์ธ์„ ์ž…ํ˜€์ค€๋‹ค. (์Šคํƒ€์ผ ๊ทœ์น™ ์–ธ์–ด) JavaScript : ์›นํŽ˜์ด์ง€๊ฐ€ ๋™์ ์œผ๋กœ ์›€์ง์ด๋„๋ก ๋งŒ๋“ค์–ด์ค€๋‹ค. (์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด) JavaScript๋ž€? JavaScript๋Š” ์›น์„ ์œ„ํ•œ ์ธํ„ฐํ”„๋ฆฌํ„ฐ ์–ธ์–ด์ด์ž ๊ฐ์ฒด๊ธฐ๋ฐ˜์˜ ์Šคํฌ๋ฆฝํŠธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ด๋ฉฐ HTML์˜ ํŠน์ •...

2019๋…„ 12์›” 31์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

AJAX๋ž€ ๋ฌด์—‡์ธ๊ฐ€?

AJAX (Asynchronous Javascript And XML) AJAX๋ž€, JavaScript์˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ค‘ ํ•˜๋‚˜์ด๋ฉฐ Asynchronous Javascript And Xml(๋น„๋™๊ธฐ์‹ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ xml)์˜ ์•ฝ์ž์ด๋‹ค. ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๊ฐ€์ง€๊ณ ์žˆ๋Š” XMLHttpRequ

2019๋…„ 10์›” 28์ผ
ยท
11๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JSON์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€?

JSON (JavaScript Object Notation) JavaScript Object Notation๋ผ๋Š” ์˜๋ฏธ์˜ ์ถ•์•ฝ์–ด๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ฑฐ๋‚˜ ์ „์†กํ•  ๋•Œ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ๊ฒฝ๋Ÿ‰์˜ DATA ๊ตํ™˜ ํ˜•์‹ Javascript์—์„œ ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ค ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ํ‘œํ˜„์‹์„ ์˜๋ฏธํ•œ๋‹ค. JSON ํ‘œํ˜„์‹์€ ์‚ฌ๋žŒ๊ณผ ๊ธฐ๊ณ„ ๋ชจ๋‘ ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์šฐ๋ฉฐ ์šฉ๋Ÿ‰์ด ์ž‘์•„์„œ, ์ตœ๊ทผ์—๋Š” JSON์ด X...

2019๋…„ 10์›” 28์ผ
ยท
4๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JavaScript - prototype (ํ”„๋กœํ† ํƒ€์ž…)์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

Prototype (ํ”„๋กœํ† ํƒ€์ž…) JavaScript๋Š” class๋ผ๋Š” ๊ฐœ๋…์ด ์—†๊ธฐ ๋•Œ๋ฌธ์— ๊ธฐ์กด์˜ ๊ฐ์ฒด๋ฅผ ๋ณต์‚ฌํ•ด์„œ ์ƒˆ๋กœ์šด ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๋Š” ํ”„๋กœํ† ํƒ€์ž… ๊ธฐ๋ฐ˜์˜ ์–ธ์–ด์ด๋ฉฐ ์ด๋Š” ๊ฐ์ฒด ์›ํ˜•์ธ ํ”„๋กœํ† ํƒ€์ž…์„ ์ด์šฉํ•˜์—ฌ ์ƒˆ๋กœ์šด ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ค์–ด๋‚ด๊ณ  ์ด๋ ‡๊ฒŒ ์ƒ์„ฑ๋œ ๊ฐ์ฒด๋Š” ๋‹ค๋ฅธ ๊ฐ์ฒด์˜ ์›ํ˜•์ด ๋  ์ˆ˜ ์žˆ๋‹ค. JavaScript์˜ ๋ชจ๋“  ๊ฐ์ฒด๋Š” ์ž์‹ ์˜ ๋ถ€๋ชจ ์—ญํ• ์„ ๋‹ด๋‹นํ•˜๋Š” ๊ฐ์ฒด์™€ ์—ฐ๊ฒฐ๋˜...

2019๋…„ 10์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JavaScript - this์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

this javascript์—์„œ์˜ this๋ผ๋Š” ํ‚ค์›Œ๋“œ๋Š” ๊ฑฐ์˜ ๋ชจ๋“  ์ƒํ™ฉ์—์„œ ๊ฐ์ฒด์ด๋ฉฐ ๋ฌธ๋ฒ•์ ์œผ๋กœ๋Š” '๋‚˜'์™€๋Š” ๋‹จ์–ด์™€ ๋น„์Šทํ•˜๋‹ค. this์˜ ๊ฐ’์€ this๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ํ•ด๋‹น ํ•จ์ˆ˜๋ฅผ ์–ด๋–ป๊ฒŒ ์‹คํ–‰ํ•˜๋Š๋ƒ์— ๋”ฐ๋ผ ๊ฐ’(์˜๋ฏธ)์ด ๋ฐ”๋€๋‹ค. this๋ฅผ ์‹คํ–‰ํ•˜๋Š” ๋ฐฉ์‹ this๋Š” ํฌ๊ฒŒ 4๊ฐ€์ง€ ๋ฐฉ์‹์œผ๋กœ ์‹คํ–‰์„ ํ•˜๋ฉฐ ๊ฐ๊ฐ์˜ ๋ฐฉ์‹์— ๋”ฐ๋ผ ๊ฐ€๋ฆฌํ‚ค๋Š” ์ฃผ์ฒด๊ฐ€ ๋‹ฌ๋ผ์ง„๋‹ค. 1. Regular ...

2019๋…„ 10์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JavaScript - callback (์ฝœ๋ฐฑ)์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ์™€ ์ฝœ๋ฐฑ ํ•จ์ˆ˜ ์ฝœ๋ฐฑ์— ๊ด€ํ•˜์—ฌ ๊ฒ€์ƒ‰ํ•˜๋ฉด ํ•ญ์ƒ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ๋ผ๋Š” ๋ง๊ณผ ๊ฐ™์ด ๋‚˜์˜ค๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. ๊ทธ ์ด์œ ๋Š” ๋ฐ”๋กœ ์ฝœ๋ฐฑํ•จ์ˆ˜๋ฅผ ์“ฐ๋Š” ์ด์œ ๊ฐ€ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ๋ฅผ ์œ„ํ•ด์„œ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. 1. ๋น„๋™๊ธฐ์ฒ˜๋ฆฌ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋น„๋™๊ธฐ์ฒ˜๋ฆฌ๋ž€ ํŠน์ • ์ฝ”๋“œ๊ฐ€ ์ข…๋ฃŒ๋˜์ง€ ์•Š์€ ์ƒํƒœ๋ผ ํ•˜๋”๋ผ๋„ ๋Œ€๊ธฐํ•˜์ง€ ์•Š๊ณ  ๋‹ค์Œ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํŠน์„ฑ (๋ณ‘๋ ฌ์  ์‹คํ–‰)์„ ์˜๋ฏธํ•œ๋‹ค....

2019๋…„ 10์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JavaScript - Recursive Function (์žฌ๊ท€ํ•จ์ˆ˜)์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

Recursive Function (์žฌ๊ท€ํ•จ์ˆ˜) ์žฌ๊ท€ํ•จ์ˆ˜๋ž€, ํ•จ์ˆ˜ ๋‚ด๋ถ€์—์„œ ํ•จ์ˆ˜ ์ž๊ธฐ ์ž์‹ ์„ ๋‹ค์‹œ ํ˜ธ์ถœํ•˜๋Š” ๊ฒƒ์ด๋‹ค. 1. Factorial์„ ํ†ตํ•œ ์˜ˆ์‹œ 1.1 ๋ฐ˜๋ณต๋ฌธ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ 1.2 ์žฌ๊ท€ํ•จ์ˆ˜๋ฅผ ์ด์šฉํ•˜๋Š” ๊ฒฝ์šฐ ์œ„์˜ ์˜ˆ์ œ์—์„œ if๊ตฌ๋ฌธ์ด ์—†๋‹ค๋ฉด ํ•ด๋‹น ์ฝ”๋“œ๋Š” ๋ฌดํ•œ๋ฃจํ”„์— ๋น ์ง€๊ฒŒ ๋œ๋‹ค. ์žฌ๊ท€ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ ๋ฐ˜๋“œ์‹œ Base Case๊ฐ€ ์กด์žฌํ•ด์•ผ ํ•œ๋‹ค. ...

2019๋…„ 9์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JavaScript - Closure(ํด๋กœ์ €)์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

Closure (ํด๋กœ์ €) ํ•จ์ˆ˜๊ฐ€ ์ž์‹ ์ด ์„ ์–ธ๋์„ ๋•Œ์˜ ํ™˜๊ฒฝ์ธ ์Šค์ฝ”ํ”„๋ฅผ ๊ธฐ์–ตํ•˜์—ฌ ์ž์‹ ์ด ์„ ์–ธ๋์„ ๋•Œ์˜ ํ™˜๊ฒฝ ๋ฐ–์—์„œ ํ˜ธ์ถœ๋˜์–ด๋„ ๊ทธ ํ™˜๊ฒฝ์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋Š” ํ•จ์ˆ˜๋ฅผ ๋œปํ•œ๋‹ค. (ํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋˜๋Š” ์œ„์น˜๊ฐ€ ์–ด๋””์ธ์ง€๋Š” ๊ด€๊ณ„๊ฐ€ ์—†๋‹ค. ) ๋ ‰์‹œ์ปฌ ์Šค์ฝ”ํ”„ ์Šค์ฝ”ํ”„๋Š” ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•  ๋•Œ๊ฐ€ ์•„๋‹ˆ๋ผ ํ•จ์ˆ˜๋ฅผ ์–ด๋””์— ์„ ์–ธํ•˜์˜€๋Š”์ง€์— ๋”ฐ๋ผ ๊ฒฐ์ •์ด ๋œ๋‹ค. ์ด๋ฅผ ๋ ‰์‹œ์ปฌ ์Šค์ฝ”ํ•‘์ด๋ผ๊ณ  ํ•œ๋‹ค. ์–ธ...

2019๋…„ 9์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JavaScript - Primitive Type(์›์‹œ ํƒ€์ž…) vs Reference Type (์ฐธ์กฐ ํƒ€์ž…)์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

JavaScript๋Š” ์›์‹œ ํƒ€์ž…๊ณผ ์ฐธ์กฐ ํƒ€์ž…์ด๋ผ๋Š” ๋‘๊ฐ€์ง€ ์ž๋ฃŒํ˜•์„ ์ œ๊ณตํ•˜๋ฉฐ Object๋ฅผ ์ œ์™ธํ•œ ๋ชจ๋“ ๊ฒƒ๋“ค์€ Primitiveํ•œ ์„ฑ๊ฒฉ์„ ๊ฐ–๊ณ  ์žˆ๋‹ค. Primitive Type : ๋ฐ์ดํ„ฐ์˜ ์‹ค์ œ ๊ฐ’ ํ• ๋‹น Reference Type : ๋ฐ์ดํ„ฐ์˜ ์œ„์น˜ ๊ฐ’๋งŒ ํ• ๋‹น 1. Primitive Type (์›์‹œํƒ€์ž…) ์›์‹œ ํƒ€์ž…์˜ ๋ฐ์ดํ„ฐ๋Š” ๋ณ€์ˆ˜์— ํ• ๋‹น์ด ๋  ๋•Œ ๋ฉ”๋ชจ๋ฆฌ ์ƒ์— ...

2019๋…„ 9์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JavaScript - Hoisting(ํ˜ธ์ด์ŠคํŒ…)์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

ํ˜ธ์ด์ŠคํŒ… (Hoisting) ์‚ฌ์ „์  ์ •์˜ : ๋Œ์–ด ์˜ฌ๋ฆฌ๊ธฐ JavaScript์—์„œ์˜ Hoisting : ๋ณ€์ˆ˜์˜ ์ •์˜๊ฐ€ ๊ทธ ๋ฒ”์œ„์— ๋”ฐ๋ผ ์„ ์–ธ๊ณผ ํ• ๋‹น์œผ๋กœ ๋ถ„๋ฆฌ๋˜๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•œ๋‹ค. ์ฆ‰, ๋ณ€์ˆ˜๊ฐ€ ํ•จ์ˆ˜ ๋‚ด์—์„œ ์ •์˜๋˜์—ˆ์„ ๊ฒฝ์šฐ, ์„ ์–ธ๋ถ€๋ถ„๋งŒ ํ•จ์ˆ˜์˜ ์ตœ์ƒ์œ„๋กœ, ํ•จ์ˆ˜ ๋ฐ”๊นฅ์—์„œ ์ •์˜๋˜์—ˆ์„ ๊ฒฝ์šฐ, ์ „์—ญ ์ปจํ…์ŠคํŠธ์˜ ์ตœ์ƒ์œ„๋กœ ๋ณ€๊ฒฝ์ด ๋œ๋‹ค. ์„ ์–ธ๋˜์ง€ ์•Š์€ ๋ณ€์ˆ˜๋ฅผ ์ฐธ์กฐํ•  ๊ฒฝ์šฐ, ๋ณดํ†ต...

2019๋…„ 9์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JavaScript - ์Šค์ฝ”ํ”„(์œ ํšจ๋ฒ”์œ„)์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

์œ ํšจ๋ฒ”์œ„ (Scope) ์ผ๋ฐ˜์ ์ธ ์˜๋ฏธ : ๋ฒ”์œ„ JavaScript์—์„œ์˜ ์˜๋ฏธ : ์–ด๋– ํ•œ ๋ณ€์ˆ˜์— ์ ‘๊ทผ ๊ฐ€๋Šฅํ•œ ์œ ํšจ ๋ฒ”์œ„์ด์ž ์ฐธ์กฐ ๋Œ€์ƒ ์‹๋ณ„์ž๋ฅผ ์ฐพ์•„๋‚ด๊ธฐ ์œ„ํ•œ ๊ทœ์น™์ด๋‹ค. ์œ„ ์˜ˆ์ œ์—์„œ ํ•จ์ˆ˜ ๋‚ด๋ถ€์— ์—†๋Š” ๋ณ€์ˆ˜ a ๋ฅผ ๋ถˆ๋Ÿฌ์˜ฌ ๊ฒฝ์šฐ, ํ•จ์ˆ˜ ๋‚ด๋ถ€์—์„œ ๋จผ์ € a๋ผ๋Š” ๋ณ€์ˆ˜๋ฅผ ์ฐพ๋Š”๋‹ค.

2019๋…„ 9์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€