profile
๐Ÿ‘ฉโ€๐Ÿ’ป์ž์œ ๋กœ์šด ๋””๋ฐœ์ž ์ง€๋ง์ƒ๐ŸŒž
post-thumbnail

react-hook-form ์‚ฌ์šฉ์ค‘ ref ์˜ค๋ฅ˜ ๋ฐ ํ•ด๊ฒฐ๋ฐฉ๋ฒ•

์ˆซ์ž๋ฅผ ์ž…๋ ฅํ•˜๋Š” input์„ NumberInput์ด๋ž€ ์ปดํฌ๋„ŒํŠธ๋กœ ๋งŒ๋“ค์–ด์„œ, page์— import ํ•ด์™”๋Š”๋ฐ, ref ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค. importํ•ด์™”๊ธฐ๋•Œ๋ฌธ์— ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ๊ฐ€ ref๋ฅผ ์ง์ ‘์ ์œผ๋กœ ๋ฐ›์„ ์ˆ˜ ์—†๊ธฐ ๋•Œ๋ฌธ์— ๋ฐœ์ƒํ•˜๋Š” ๋ฌธ์ œ์ด๋‹ค.

์–ด์ œ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

JavaScript 100์ œ chapter1-5

๐Ÿ’–keywords๐Ÿ’– ๋ฌธ์ œ41 - ์†Œ์ˆ˜ํŒ๋ณ„ / ๋ฐ˜๋ณต๋ฌธ ๋ฌธ์ œ42 - ์š”์ผ ๊ตฌํ•˜๊ธฐ / Date, getDay() ๋ฌธ์ œ43 - 10์ง„์ˆ˜๋ฅผ 2์ง„์ˆ˜๋กœ ๋ฌธ์ œ44 - ๊ฐ ์ˆซ์ž์˜ ํ•ฉ ๋ฌธ์ œ45 - getTime() / 1๋…„์„ ms๋กœ ๋ฌธ์ œ46 - ๊ฐ ์ž๋ฆฌ์ˆ˜์˜ ํ•ฉ ๋ฌธ์ œ47 - Set ์ž๋ฃŒ ๋ฌธ์ œ48 - ๋Œ€์†Œ๋ฌธ์ž ๋ฐ”๊ฟ”์„œ ์ถœ๋ ฅํ•˜๊ธฐ ๋ฌธ์ œ49 - ์ตœ๋Œ“๊ฐ’ ๊ตฌํ•˜๊ธฐ / sort() ๋ฌธ์ œ5...

2์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

๋ฉด์ ‘

HTML ๋งˆํฌ์—…์„ ์ฒ˜๋ฆฌํ•˜๊ณ  DOM ํŠธ๋ฆฌ๋ฅผ ๋นŒ๋“œํ•œ๋‹ค. ("๋ฌด์—‡์„" ๊ทธ๋ฆด์ง€ ๊ฒฐ์ •ํ•œ๋‹ค.)CSS ๋งˆํฌ์—…์„ ์ฒ˜๋ฆฌํ•˜๊ณ  CSSOM ํŠธ๋ฆฌ๋ฅผ ๋นŒ๋“œํ•œ๋‹ค. ("์–ด๋–ป๊ฒŒ" ๊ทธ๋ฆด์ง€ ๊ฒฐ์ •ํ•œ๋‹ค.)DOM ๋ฐ CSSOM ์„ ๊ฒฐํ•ฉํ•˜์—ฌ ๋ Œ๋”๋ง ํŠธ๋ฆฌ๋ฅผ ํ˜•์„ฑํ•œ๋‹ค. ("ํ™”๋ฉด์— ๊ทธ๋ ค์งˆ ๊ฒƒ๋งŒ" ๊ฒฐ์ •)CSSOM(C

3์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

reduce ํ•จ์ˆ˜

https://www.zerocho.com/category/JavaScript/post/5acafb05f24445001b8d796d์ •๋ฆฌ ๊ตฟ

4์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

JavaScript 100์ œ chapter1-4

31 - 40

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

JavaScript 100์ œ chapter1-3

๐Ÿ’–keywords๐Ÿ’– indexOf( ), toUpperCase( )

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

๋น… ์˜ค (big-O)

์•Œ๊ณ ๋ฆฌ์ฆ˜ ๊ฐ„์— ํšจ์œจ์„ฑ์„ ๋น„๊ตํ•˜๊ธฐ ์œ„ํ•ด๋น…์˜ค(big-O) ํ‘œ๊ธฐ๋ฒ•์„ ์‚ฌ์šฉํ•œ๋‹ค.

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

์ฒซ๊ธ€

ใ…Ž

2023๋…„ 8์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

async / await

Promise๊ฐ€ ์–ด๋ ต๋‹ค๋ฉด ES8 async / await ์•Œ์•„๋ด…์‹œ๋‹น Promise์™€ then์„ ๋งค์šฐ ์‰ฝ๊ฒŒ ๋งŒ๋“ค์–ด์ฃผ๋Š” ๋ฌธ๋ฒ•์ž…๋‹ˆ๋‹ค

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

ES6 Promise

ํ”„๋กœ๋ฏธ์Šค๋Š” ์„ฑ๊ณต/์‹คํŒจ ํŒ์ • ๊ธฐ๊ณ„์ด๋‹ค.

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

ES6 - Destructuring

key๊ฐ’๊ณผ value๊ฐ’์ด ๋™์ผํ•˜๋ฉด ํ•˜๋‚˜๋กœ ์ƒ๋žต์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

2023๋…„ 8์›” 18์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
ยท

getter, setter

์˜ค๋ธŒ์ ํŠธ ๋‚ด์˜ ํ•จ์ˆ˜๋“ค์„ ๊ด„ํ˜ธ์—†์ด ์“ธ ์ˆ˜ ์žˆ๊ฒŒ ๋งŒ๋“ค์–ด์ฃผ๋Š” ํ‚ค์›Œ๋“œ set๊ณผ get

2023๋…„ 8์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

class - ์ƒ์†

class ES6๋ถ€ํ„ฐ ๋„์ž…๋œ class๋Š” constructor, prototype ์„ ์ด์šฉํ•œ ์ƒ์†๊ธฐ๋Šฅ์„ ๊ฐ„์ง€๋‚˜๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ฃผ๋Š” ๋ฌธ๋ฒ•์ž…๋‹ˆ๋‹ค.

2023๋…„ 8์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

constructor ์ƒ์„ฑ์ž - Object ์ƒ์„ฑ๊ธฐ๊ณ„ - prototype๊นŒ์ง€

object๋ฅผ ๋งˆ๊ตฌ ๋ณต์‚ฌํ•˜๊ณ  ์‹ถ์„๋•Œ constructor์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹น

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

reference / primitive data type (ํ™”์‚ดํ‘œ)

๋ฌธ์ž์™€ ์ˆซ์ž๋Š” Primitive data type์œผ๋กœ ๋ณ€์ˆ˜์— ๊ฐ’์ด ๊ทธ๋Œ€๋กœ ์ €์žฅ์ด ๋ฉ๋‹ˆ๋‹ค.ํ•˜์ง€๋งŒ, ๊ฐ’์ด ๊ทธ๋Œ€๋กœ ์ €์žฅ์ด ๋˜์ง€ ์•Š๋Š” ๊ฒƒ๋“ค๋„ ์žˆ์–ด์š”. => reference data type

2023๋…„ 8์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

Rest ํŒŒ๋ผ๋ฏธํ„ฐ

๋ชจ๋“  ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ[] array ์•ˆ์— ๋‹ด์•„์ค๋‹ˆ๋‹ค.

2023๋…„ 8์›” 12์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

ํ•จ์ˆ˜ default parameter & arguments

ํ•จ์ˆ˜์˜ ๋ชจ๋“  ํŒŒ๋ผ๋ฏธํ„ฐ๋“ค์„ ์ „๋ถ€ ํ•œ๊บผ๋ฒˆ์— ๋ฌถ์œผ๋ ค๋ฉด arguments

2023๋…„ 8์›” 12์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

๊ด„ํ˜ธ๋ฅผ ์—†์• ์ฃผ๋Š” Spread Operator , apply&call ํ•จ์ˆ˜

...๋ถ™์ด๋ฉด ๊ด„ํ˜ธ๋ฅผ ์ œ๊ฑฐํ•ด์ค๋‹ˆ๋‹ค.

2023๋…„ 8์›” 12์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

Template literals, Tagged literal

ํ…œํ”Œ๋ฆฟ ๋ฆฌํ„ฐ๋Ÿด๋กœ ์ด๋ฃจ์–ด์ง„ ๋ฌธ์ž๋ฅผ ํ•ด์ฒดํ•  ์ˆ˜ ์žˆ์–ด์š”

2023๋…„ 8์›” 11์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

Hoisting, ์ „์—ญ๋ณ€์ˆ˜, ์ฐธ์กฐ

๋ณ€์ˆ˜์™€ ํ•จ์ˆ˜์˜ ์„ ์–ธ์„ ๋ณ€์ˆ˜ ๋ฒ”์œ„ ๋งจ์œ„๋กœ ๋Œ์–ด์ง€๋Š” ๊ฒƒ ์ฒ˜๋Ÿผ ๋ณด์ด๋Š” ํ˜„์ƒ

2023๋…„ 8์›” 10์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท