์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ”„๋กœํ† ํƒ€์ž… = ์œ ์ „์ž

์ฝ”๋”ฉ์• ํ”Œ์ด๋ผ๋Š” ์œ ํˆฌ๋ธŒ์ฑ„๋„์„ ๋ณด๋‹ค๊ฐ€ ํ”„๋กœํ† ํƒ€์ž… ๊ฐœ๋…์ด ์ข€๋” ์‰ฝ๊ฒŒ ์™€๋‹ฟ์•„์„œ ๊ธฐ๋ก!

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

DOMํŠธ๋ฆฌ / ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ Œ๋”๋งํ•˜๋Š” ๊ณผ์ •

์œˆ๋„์šฐ(๊ธ€๋กœ๋ฒŒ์˜ค๋ธŒ์ ํŠธ) - ์‚ฌ์ด์ฆˆ, ์Šคํฌ๋กค, ํŽ˜์ด์ง€ ๋กœ๋“œ์ƒํƒœ ํ™•์ธํ• ๋•Œ ๋งŽ์ด์“ด๋‹ค. DOM, BOM (๋ธŒ๋ผ์šฐ์ €์— ๊ด€๋ จ๋œ navigator, fetch, storage, loacation๋“ฑ ์›นapi๊ด€๋ จ ์˜ค๋ธŒ์ ํŠธ๋“ค), ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋™์ž‘ํ•˜๋Š” ๊ฒƒ์„ ๋งŒ๋“ค๋•Œ dom, bo

2021๋…„ 5์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

๋ฆฌ์•กํŠธ์™€ ์•ต๊ทค๋Ÿฌ ๋น„๊ต

์ดˆ๊ธฐ ์„ธํŒ… / ssr ๋ฐฉ๋ฒ• ์•ต๊ทค๋Ÿฌ Angular CLI ๋กœ ๊ฐœ๋ฐœํ™˜๊ฒฝ ๊ตฌ์ถ• ๋ฐ ๊ธฐ๋ณธ ๊ณจ๊ฒฉ(์Šค์บํด๋”ฉ) ์ƒ์„ฑ ๋ฆฌ์•กํŠธ ์ง์ ‘ ์„ธํŒ… node.js ์„ค์น˜ (npm) React project ์„ค์ • webpackย ์„ค์น˜

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

๋ฆฌ์•กํ‹ฐ๋ธŒ ํ”„๋กœ๊ทธ๋ž˜๋ฐ

๋ฆฌ์•กํ‹ฐ๋ธŒํ”„๋กœ๊ทธ๋ž˜๋ฐํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ํš๋“ํ•˜๊ธฐ ์œ„ํ•ด์„œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ์™ธ๋ถ€ ํ™˜๊ฒฝ์— ์š”์ฒญํ•˜์—ฌ ๋ฐ์ดํ„ฐ๋ฅผ ํš๋“ํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์€ ์™ธ๋ถ€ ํ™˜๊ฒฝ์„ ๊ด€์ฐฐํ•˜๊ณ  ์žˆ๋‹ค๊ฐ€ ์™ธ๋ถ€ ํ™˜๊ฒฝ์—์„œ ๋ฐ์ดํ„ฐ ์ŠคํŠธ๋ฆผ์„ ๋ฐฉ์ถœํ•˜๋ฉด ๊ทธ๊ฒƒ์— ๋ฐ˜์‘ํ•˜์—ฌ ๋ฐ์ดํ„ฐ๋ฅผ ํš๋“ํ•˜๋Š” ๊ฒƒ์ด๋‹ค.์™ธ๋ถ€ ํ™˜๊ฒฝ์—์„œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋‚ด

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

git commit ์ทจ์†Œํ•˜๊ณ  ๋‹ค๋ฅธ ๋ธŒ๋žœ์น˜์— ๋ณต์›ํ•˜๊ธฐ

๋ธŒ๋žœ์น˜์—์„œ ์ž‘์—…ํ•˜๊ณ  pushํ•˜๋ ค๊ณ ํ–ˆ๋Š”๋ฐ, develop์—์„œ ํ•˜๊ณ  ์žˆ์—ˆ๋‹ค. ๐Ÿ™€์ง€๊ธˆ๊นŒ์ง€ ํ•œ commit์„ ๋˜๋Œ๋ฆฌ๊ณ  ๋ณ€๊ฒฝํ•œ ์ฝ”๋“œ๋“ค์„ ๋‹ค๋ฅธ ๋ธŒ๋žœ์น˜์— ๋ถ™์—ฌ๋„ฃ๊ธฐ ํ•˜๊ณ  ์‹ถ์„๋•Œ, ์ฐพ์€ ๋ฐฉ๋ฒ•!$ git reset HEAD^ //commit์„ ์ทจ์†Œํ•˜๊ณ  ํ•ด๋‹น ํŒŒ์ผ๋“ค์€ unstaged ์ƒ

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

๋ฉ”๋ชจ

\\:host.gray-color3:10licolor ์ง€์ •::ng-deepํด๋ž˜์Šค๋ฅผ ๋‹ค๋ฅธ ์ปดํฌ๋„ŒํŠธ์—๋„ ์ ์šฉ์‹œํ‚ค๊ฒŒํ•จ.(๋‹จ/ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋กœ๋”ฉ๋œ์‹œ์ ์— ์Šคํƒ€์ผ ์ ์šฉ๋จ).Closest ์ƒ์œ„node ๊ฒ€์ƒ‰์ธ์Šคํ„ด์Šค ํด๋ž˜์Šค ์ธ์Šคํ„ด์Šค์‹ฑ๊ธ€ํ„ด : ์ „์ฒดํ”„๋กœ๊ทธ๋žจ์—์„œ ํƒ€์ž…์— ํ•ด๋‹นํ•˜๋Š” ์ธ์Šคํ„ด์Šค๋ฅผ ํ•˜

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

์•ต๊ทค๋Ÿฌ ๋ฐ์ฝ”๋ ˆ์ดํ„ฐ

ํ‚ค์ž…๋ ฅ ํ•„ํ„ฐ๋งํ…œํ”Œ๋ฆฟ์—์„œ keyup.enter๋ผ๊ณ  ๋ฐ”์ธ๋”ฉํ•˜๋ฉด ์—”ํ„ฐํ‚ค๊ฐ€ ์ž…๋ ฅ๋˜์—ˆ์„ ๋–„๋งŒ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.getter setterhttps://velog.io/@bigbrothershin/JavaScript-%EC%A0%91%EA%B7%BC%EC

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

์•ต๊ทค๋Ÿฌ๋ฉ”๋ชจ

DatePipe: ๋‚ ์งœ ๋ฐ์ดํ„ฐ๋ฅผ ์›ํ•˜๋Š” ํ˜•์‹์œผ๋กœ ๋ณ€ํ™˜ํ•ฉ๋‹ˆ๋‹ค.UpperCasePipe: ๋ฌธ์ž์—ด์„ ๋ชจ๋‘ ๋Œ€๋ฌธ์ž๋กœ ๋ณ€ํ™˜ํ•ฉ๋‹ˆ๋‹ค.LowerCasePipe: ๋ฌธ์ž์—ด์„ ๋ชจ๋‘ ์†Œ๋ฌธ์ž๋กœ ๋ณ€ํ™˜ํ•ฉ๋‹ˆ๋‹ค.CurrencyPipe: ์ˆซ์ž๋ฅผ ํ†ตํ™” ๋‹จ์œ„๋กœ ๋ณ€ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์ง€์—ญ์— ๋งž๋Š” ํ‘œ์‹œ ํ˜•์‹๋„ ์ ์šฉํ• 

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

Angular ์‹œ์ž‘ํ•˜๊ธฐ

ํ”„๋กœ์ ํŠธ์— ์ƒˆ๋กœ์šด ๊ตฌ์„ฑ์š”์†Œ๋ฅผ ์ƒ์„ฑํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ng generate ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ng generate ๋ช…๋ น์–ด๋Š” ์ถ•์•ฝํ˜• ng g์™€ ๋™์ผํ•˜๊ฒŒ ๋™์ž‘ํ•œ๋‹ค. ex) ng g c ์ปดํฌ๋„ŒํŠธ์ด๋ฆ„์ปดํฌ๋„ŒํŠธ ng generate component component-name๋””๋ ‰ํ‹ฐ๋ธŒ

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

๋ฐ”๋‹๋ผ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์Šต

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

ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ € ํ…Œ์ŠคํŒ…(Cross Browser Testing)

์›น ์‚ฌ์ดํŠธ(๋˜๋Š” ์›น์•ฑ)๊ฐ€ ์–ด๋Š ๋ฒ„์ „์˜ ๋ธŒ๋ผ์šฐ์ €์—์„œ๋‚˜, ์–ด๋Š ๋””๋ฐ”์ด์Šค์—์„œ๋„ ์›ํ•˜๋Š” ๊ฒฐ๊ณผ๋ฌผ์ด ๋‚˜์˜ค๋„๋ก ํ™•์ธํ•˜๊ณ  ์ˆ˜์ •ํ•˜๋Š” ๋‹จ๊ณ„๋ฅผ ๋งํ•œ๋‹ค.๋‹ค๋ฅด๊ฒŒ ๊ตฌ๋™๋˜๋Š” ์—ฌ๋Ÿฌ ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋™์ผํ•œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜(๊ฐ™์€ ํ™”๋ฉด, ๊ฐ™์€ ๋™์ž‘ ๋“ฑ)์„ ์ค„ ์ˆ˜ ์žˆ๋„๋ก ํ•œ๋‹ค.๋Œ€๋ถ€๋ถ„์˜ ๋ธŒ๋ผ์šฐ์ €๋Š” ์ตœ๋Œ€ํ•œ ์›น ํ‘œ์ค€

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

Codebnb ํ”„๋กœ์ ํŠธ ๋ฆฌ๋ทฐ

๊ตฌ๊ธ€๊ณผ ํŽ˜์ด์Šค๋ถ์˜ ์†Œ์…œ ๋กœ๊ทธ์ธ API์˜ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•œ ๊ณผ์ •์€ ๋‹ค์Œ๊ณผ ๊ฐ™์•˜๋‹ค.ํŽ˜์ด์Šค๋ถ,๊ตฌ๊ธ€์—์„œ ๊ฐœ๋ฐœ์ž ๊ณ„์ • ๋“ฑ๋ก/ ์•ฑ ๋“ฑ๋ก(ํด๋ผ์ด์–ธํŠธid๊ฐ’ ์ƒ์„ฑ)SDK๋กœ๋“œ (index.html์— developers docs์—์„œ ์ œ๊ณตํ•˜๋Š” ์†Œ์Šค์ฝ”๋“œ๋ฅผ ๋ถ™์—ฌ ๋„ฃ๋Š”๋‹ค)SDK(Software de

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

ํ”„๋กœ์„ธ์Šค์™€ ์Šค๋ ˆ๋“œ & ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋™์ž‘๋ฐฉ์‹

ํ”„๋กœ์„ธ์Šค๋Š” ์ปดํ“จํ„ฐ ์œ„์—์„œ, ์ฆ‰ ์šด์˜์ฒด์ œ ์œ„์—์„œ ์—ฐ์†์ ์œผ๋กœ ์‹คํ–‰๋˜๊ณ  ์žˆ๋Š” ํ”„๋กœ๊ทธ๋žจ์„ ๋งํ•œ๋‹ค. ์Œ์•… ์žฌ์ƒ ํ”„๋กœ๊ทธ๋žจ์ด๋‚˜ ์‚ฌ์ง„๋ทฐ์–ด ํ”„๋กœ๊ทธ๋žจ ๋“ฑ ์ด๋Ÿฐ๊ฒƒ๋“ค ํ•˜๋‚˜ํ•˜๋‚˜ ๊ฐ๊ฐ์˜ ํ”„๋กœ์„ธ์Šค๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค.๊ฐ๊ฐ์˜ ํ”„๋กœ์„ธ์Šค๋Š” ๋ฉ”๋ชจ๋ฆฌ ์œ„์—์„œ ์„œ๋กœ ๋…๋ฆฝ์ ์œผ๋กœ ์‹คํ–‰๋œ๋‹ค.๋งŒ์•ฝ ์–ด๋–ค ํ”„๋กœ์„ธ์Šค์—์„œ ๋ฌธ์ œ

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

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - ๋ฐ์ดํ„ฐ์˜ ๋ถˆ๋ณ€์„ฑ

๋ณ€์ˆ˜์™€ ์ƒ์ˆ˜๋ฅผ ๊ตฌ๋ถ„์ง“๋Š” ๋ณ€๊ฒฝ ๊ฐ€๋Šฅ์„ฑ์˜ ๋Œ€์ƒ์€ ๋ณ€์ˆ˜ ์˜์—ญ ๋ฉ”๋ชจ๋ฆฌ,๋ถˆ๋ณ€์„ฑ ์—ฌ๋ถ€๋ฅผ ๊ตฌ๋ถ„ํ• ๋•Œ์˜ ๋ณ€๊ฒฝ ๊ฐ€๋Šฅ์„ฑ์˜ ๋Œ€์ƒ์€ ๋ฐ์ดํ„ฐ ์˜์—ญ์˜ ๋ฉ”๋ชจ๋ฆฌ์ด๋‹ค.๊ธฐ๋ณธํ˜• ๋ฐ์ดํ„ฐ(์ˆซ์ž, ๋ฌธ์ž์—ด, boolean, null, undefined, symbol)์€ ๋ถˆ๋ณ€๊ฐ’์ด๊ณ ์ฐธ์กฐํ˜• ๋ฐ์ดํ„ฐ(๊ฐ์ฒด, ๋ฐฐ์—ด)์€ ๊ธฐ

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

ROCKA ํ”„๋กœ์ ํŠธ ๋ฆฌ๋ทฐ

์Šคํฌ๋กค์— ๋”ฐ๋ฅธ ์Šคํƒ€์ผ๋ง ์ ์šฉ ์‹ ์ƒํ’ˆ tab ๊ตฌํ˜„ PRODUCTํŽ˜์ด์ง€ ์ œํ’ˆ ์ธ๋„ค์ผ ๊ตฌํ˜„ ๋ฐฑ์—”๋“œ API๋กœ ๋ถˆ๋Ÿฌ์˜จ ์ œํ’ˆ๋“ค์˜ ๋ฐ์ดํ„ฐ jsonํ˜•์‹์€ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋“ค์–ด์˜จ๋‹ค. STOREํŽ˜์ด์ง€

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

HTTPS?

HTTPS๋Š” HTTP์˜ ๋ณด์•ˆ(secured)๋ฒ„์ „์ด๋‹ค.HTTP๋Š” ๋ธŒ๋ผ์šฐ์ € ๋ฐ ์„œ๋ฒ„๊ฐ€ ์ •๋ณด๋ฅผ ๊ตํ™˜ํ•˜๊ณ  ์†Œํ†ตํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋Š” ํ”„๋กœํ† ์ฝœ์ด๋‹ค.http๋Š” ํ…์ŠคํŠธ ๊ตํ™˜์ด๋‹ค. htmlํŽ˜์ด์ง€๋„ ํ…์ŠคํŠธ๋‹ค. ๋ฐ”์ด๋„ˆ๋ฆฌ ๋ฐ์ดํ„ฐ๋กœ ๋˜์–ด์žˆ๋Š” ๊ฒƒ๋„ ์•„๋‹ˆ๊ณ  ๋‹จ์ˆœ ํ…์ŠคํŠธ๋ฅผ ์ฃผ๊ณ  ๋ฐ›๊ธฐ ๋•Œ๋ฌธ์— ๋ˆ„๊ตฐ๊ฐ€

2020๋…„ 7์›” 29์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[node ์—๋Ÿฌ ๐Ÿ”จ] Error: listen EADDRINUSE

์ด๋ฏธ ํฌํŠธ๋ฅผ ์‚ฌ์šฉ ์ค‘์ด๋ผ๋Š” ๊ฒƒ์ด๋‹ค. ํ•ด๋‹น ํฌํŠธ๋ฅผ ์ฐพ๊ณ  ์ฃฝ์ด์ž ๐Ÿ”จ

2020๋…„ 7์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - ๋ฐ์ดํ„ฐ ํƒ€์ž… & ๋ณ€์ˆ˜์™€ ํ˜ธ์ด์ŠคํŒ…

numberstringbooleannullundefinedsymbol (ES6 ์ถ”๊ฐ€)๊ฐ์ฒด (object) ๋ฐฐ์—ด (Array)ํ•จ์ˆ˜ (Function)๋‚ ์งœ (Date)์ •๊ทœํ‘œํ˜„์‹ (RegExp)Map, WeakMap (ES6 ์ถ”๊ฐ€)Set, WeakSet (ES6 ์ถ”๊ฐ€)ํ• ๋‹น์ด

2020๋…„ 7์›” 25์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[gatsby ์—๋Ÿฌ] sharp: Command failed

sharp๋ผ๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ์ด developํ• ๋•Œ ์—๋Ÿฌ๋‚˜๊ณ  deployํ• ๋•Œ๋„ ์—๋Ÿฌ๋‚˜๊ณ ๋ช‡์‹œ๊ฐ„์„ ํ—ค๋งธ๋‹ค.node ๋ฒ„์ „๋„ ๋ฐ”๊ฟ”๋ณด๊ณ  ํ”„๋กœ์ ํŠธ๋ฅผ ์•„์˜ˆ ์ง€์šฐ๊ณ  ๋‹ค์‹œ์„ค์น˜ํ•˜๊ณ ๋…ธ๋“œ๋ชจ๋“ˆ์„ ๋ช‡๋ฒˆ์ด๋‚˜ ์‚ญ์ œํ•˜๊ณ  ์ธ์Šคํ†จํ–ˆ๋Š”์ง€ ๋ชจ๋ฅด๊ฒ ๋‹ค..์‚ฝ์งˆ ๋ช‡์‹œ๊ฐ„ํ›„ ์ฐพ์€ ํ•ด๊ฒฐ์ฑ…์€

2020๋…„ 7์›” 23์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€

[jest ์—๋Ÿฌ๐Ÿ”จ ] testing Animated.View for React-Native app

์• ๋‹ˆ๋ฉ”์ด์…˜์ด ๋“ค์–ด๊ฐ„ View ์ปดํฌ๋„ŒํŠธ๋ฅผ ํ…Œ์ŠคํŒ…ํ•˜๋Š”๋ฐ ์ž๊พธ ์ด ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒ..ํ•ด๊ฒฐ๋ฐฉ๋ฒ•์€ ๊ฐ„๋‹จํ•˜๋‹ค.we enable fake timers by calling jest.useFakeTimers();. This mocks out setTimeout and other timer

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