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

[Webpack ์•Œ์•„๋ณด๊ธฐ] #10 - Webpack ๊ธฐ๋ณธ ๊ฐœ๋… ์ •๋ฆฌ

Webpack์˜ ๊ธฐ๋ณธ ๊ฐœ๋…๋“ค์„ ์•Œ์•„๋ณด์ž!

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

๋ฐ”๋‹๋ผ๋กœ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ 5 - ์ฝ”์–ด ์ปดํฌ๋„ŒํŠธ ์‚ฌ์šฉํ•ด๋ณด๊ธฐ

์ด ์‹œ๋ฆฌ์ฆˆ์˜ ์ด์ „ ๊ธ€์€ ์•„๋ž˜๋กœ... ๋ฐ”๋‹๋ผ๋กœ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ 1 - ์™œ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง์„ ํ•˜๊ฒŒ ๋์„๊นŒ? ๋ฐ”๋‹๋ผ๋กœ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ 2 - ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง์€ ์–ด๋–ป๊ฒŒ ํ•˜๋Š”๊ฑธ๊นŒ? ๋ฐ”๋‹๋ผ๋กœ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ 3 - ํ™˜๊ฒฝ ์„ค

2022๋…„ 4์›” 25์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

๋ฐ”๋‹๋ผ๋กœ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ 4 - ์ฝ”์–ด ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ

์ด ์‹œ๋ฆฌ์ฆˆ์˜ ์ด์ „ ๊ธ€์€ ์•„๋ž˜๋กœ... ๋ฐ”๋‹๋ผ๋กœ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ 1 - ์™œ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง์„ ํ•˜๊ฒŒ ๋์„๊นŒ? ๋ฐ”๋‹๋ผ๋กœ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ 2 - ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง์€ ์–ด๋–ป๊ฒŒ ํ•˜๋Š”๊ฑธ๊นŒ? ๋ฐ”๋‹๋ผ๋กœ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ 3 - ํ™˜๊ฒฝ ์„ค

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

๋ฐ”๋‹๋ผ๋กœ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ 3 - ํ™˜๊ฒฝ ์„ค์ •ํ•˜๊ธฐ (feat. ๋ณด์ผ๋Ÿฌ ํ”Œ๋ ˆ์ดํŠธ)

์ด ์‹œ๋ฆฌ์ฆˆ์˜ ์ด์ „ ๊ธ€์€ ์•„๋ž˜๋กœ... ๋ฐ”๋‹๋ผ๋กœ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ 1 - ์™œ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง์„ ํ•˜๊ฒŒ ๋์„๊นŒ? ๋ฐ”๋‹๋ผ๋กœ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ 2 - ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง์€ ์–ด๋–ป๊ฒŒ ํ•˜๋Š”๊ฑธ๊นŒ? ์‹ค์ œ ์ž‘์—…์„ ์œ„ํ•œ ํ™˜๊ฒฝ ์„ค์ •์„ ํ•ด๋ณด์Ÿˆ! ๊ธฐ์ˆ  ์Šคํƒ ๐Ÿฆพ

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

๋ฐ”๋‹๋ผ๋กœ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ 2 - ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง์€ ์–ด๋–ป๊ฒŒ ํ•˜๋Š”๊ฑธ๊นŒ?

์ด ์‹œ๋ฆฌ์ฆˆ์˜ ์ด์ „ ๊ธ€์€ ์•„๋ž˜๋กœ... ๋ฐ”๋‹๋ผ๋กœ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ 1 - ์™œ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง์„ ํ•˜๊ฒŒ ๋์„๊นŒ? ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง์€ "์–ด๋–ป๊ฒŒ" ํ•  ์ˆ˜ ์žˆ์„๊นŒ์š”? ๐Ÿค” HTML์„ ๋จผ์ € ๋งŒ๋“ค์–ด๋‘์ง€ ์•Š๊ณ , ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉํ•ด์„œ ๋ Œ๋”๋ง (**[SPA](https

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

๋ฐ”๋‹๋ผ๋กœ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ 1 - ์™œ ์ƒํƒœ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง์„ ํ•˜๊ฒŒ ๋์„๊นŒ?

์ตœ๊ทผ React๋ฅผ ์‚ฌ์šฉํ•ด๋ณด๋ฉฐ "๋ฐ”๋‹๋ผ๋กœ ๊ตฌํ˜„ํ•ด๋ณด๋ฉด ์–ด๋–จ๊นŒ?"๋ผ๋Š” ํ˜ธ๊ธฐ์‹ฌ + ๊ฐ„๋‹จํ•˜๊ฒŒ๋‚˜๋งˆ ์›๋ฆฌ๋ฅผ ํŒŒ์•…ํ•ด๋ณด๊ณ  ์‹ถ๋‹ค๋Š” ์ƒ๊ฐ์œผ๋กœ ๋ฐ”๋‹๋ผ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋กœ ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ๋ฅผ ๋„์ „!!์‹œ์ž‘์€ "์™œ" ์ƒํƒœ ๊ธฐ๋ฐ˜์œผ๋กœ ๋ Œ๋”๋ง์„ ํ•˜๊ฒŒ ๋˜์—ˆ๋Š”์ง€๋ถ€ํ„ฐ ๊ณ ๋ฏผํ•ด๋ณด๋Š”๊ฑธ๋กœ..!jQuery๋กœ๋งŒ ๊ฐœ๋ฐœ์„ ํ•˜๋˜

2022๋…„ 4์›” 12์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

์žฌ์ˆ˜๊ฐ• ์—†๋‚˜์š”..? ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ”„๋ก ํŠธ์—”๋“œ ๋ฐ๋ธŒ์ฝ”์Šค ์ˆ˜๊ฐ• ํ›„๊ธฐ

> ์žฌ์ˆ˜๊ฐ• ์—†๋‚˜์š”..? ๐Ÿฅบ ## ๋‚˜๋Š” ์–ด๋–ป๊ฒŒ ๋ฒ„ํ…ผ, ์•„๋‹ˆ ์–ด๋–ป๊ฒŒ ๊ณต๋ถ€ํ–ˆ์—ˆ์ง€? ๐Ÿฅต ๊ณผ์ •์€ ์ƒ๊ฐํ–ˆ๋˜ ๊ฒƒ๋งŒํผ ๋นก์Ž˜๋‹ค.. ๊ณผ์ •์—์„œ ์–ป์„ ์ˆ˜ ์žˆ๋Š”๊ฒŒ ๋งŽ์€ ๋งŒํผ ์ดˆ๋ฐ˜์˜ ์˜์ง€๋Œ€๋กœ๋งŒ ์—ด์‹ฌํžˆ ํ•˜๋Š”๊ฒŒ ์ œ์ผ!! ์ •๋ง! ์ค‘์š”ํ–ˆ์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค. ### 1. ๋ฐ๋ธŒ์ฝ”์Šค์—๋งŒ ์ง‘์ค‘ํ•˜๊ธฐ ๐Ÿ˜Œ (

2022๋…„ 1์›” 28์ผ
ยท
6๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ๋ฉด์ ‘ ์ „์— ์ฝ๊ธฐ ์ข‹์€ ์ฑ…์ถ”์ฒœ! "๊ธฐ์ดˆ๋ถ€ํ„ฐ ์™„์„ฑ๊นŒ์ง€, ํ”„๋ŸฐํŠธ์—”๋“œ" ํ›„๊ธฐ

< ์š”๊ตฌ ์‚ฌํ•ญ ๋ถ„์„ > - ์ •์˜ ๊ณ ๊ฐ์˜ ์š”๊ตฌ ์‚ฌํ•ญ์„ ๋ถ„์„ํ•ด ์–ด๋– ํ•œ ๊ธฐ๋Šฅ์„ ๋„์ž…ํ• ์ง€ ๊ธฐํšํ•˜๊ณ  ๊ตฌ์ฒดํ™”ํ•˜๋Š” ๋‹จ๊ณ„ - FE๊ฐ€ ํ•˜๋Š” ์ผ ๊ฐœ๋ฐœ ํ•ญ๋ชฉ์„ ๊ตฌ์ฒดํ™”ํ•˜๊ณ  ๊ธฐ์ˆ ์  ๋ฐฉํ–ฅ์„ฑ ์ •ํ•˜๊ธฐ < ์„ค๊ณ„ > - ์ •์˜ ๊ตฌ์กฐ์ ์ธ ์™„์„ฑ๋„๋ฅผ ์œ„ํ•ด ์ข€ ๋” ์„ธ๋ถ€์ ์ธ ๊ธฐ์ˆ  ๊ฒ€ํ† , ๊ฐœ๋ฐœ ์ž‘์—…๋ฌผ๋“ค์„ ์Œ“๋Š” ๋‹จ

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

๊ตฌ๋งค์ž๊ฐ€ ์ œ์•ˆํ•˜๋Š” ์ค‘๊ณ ๊ฑฐ๋ž˜ ํ”Œ๋žซํผ! Offer ํ”„๋กœ์ ํŠธ ํšŒ๊ณ  (feat. React + Next.js)

Demo Github - Frontend GitHub - Backend ๐Ÿ’ธ ๊ธฐํš ๋ฐฐ๊ฒฝ ๊ตญ๋‚ด ํ™œ๋ฐœํ•˜๊ฒŒ ์šด์˜๋˜๊ณ  ์žˆ๋Š” ์ค‘๊ณ ๊ฑฐ๋ž˜ ํ”Œ๋žซํผ์ด ๋งŽ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ์ž์‹ ์ด ํŒ๋งคํ•˜๊ณ  ์‹ถ์€ ๋ฌผํ’ˆ์— ๋Œ€ํ•œ ์ ์ ˆํ•œ ๊ฐ€๊ฒฉ์„ ๋ชจ๋ฅธ ์ฑ„, ์ƒํ’ˆ์„ ๋“ฑ๋กํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ

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

10์ผ๊ฐ„์˜ ๋ฐ”๋‹๋ผ JS๋กœ Notion ํด๋ก  ์ฝ”๋”ฉ ํ”„๋กœ์ ํŠธ ํšŒ๊ณ  ( + Vuex, EventBus ๋”ฐ๋ผํ•ด๋ณด๊ธฐ )

ํ•ด๋‹น ํŽ˜์ด์ง€์˜ ๋‚ด์šฉ์œผ๋กœ 08์›” 29์ผ TIL์˜ ๋‚ด์šฉ ์ค‘ ์ผ๋ถ€๋ฅผ ๊ฐ€์ ธ์™”๋‹ค.์ด ๋•Œ๋Š” ์ด ์ „์— ์ง„ํ–‰ํ–ˆ๋˜ ํˆฌ๋‘๋ฆฌ์ŠคํŠธ ์ •๋„์˜ ์ŠคํŽ™๋งŒ ์ƒ๊ฐ์„ ํ•˜๊ณ  CSS๋ฅผ ์‹ ๊ฒฝ ์“ฐ์ง€ ์•Š๊ณ  ๊ธฐ๋Šฅ ๊ตฌํ˜„์—๋งŒ ์ดˆ์ ์„ ๋‘๊ณ  ๊ตฌํ˜„์„ ์‹œ์ž‘ํ•˜์˜€๋‹ค!์‹ค์ œ๋กœ ๊ตฌํ˜„์„ ๋งŽ์ด ํ–ˆ๋‹ค๊ณ  ํ–ˆ์ง€๋งŒ.. API ์š”์ฒญ ๋ถ€๋ถ„ ๊ณผ ํŠธ

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

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ฐ๋ธŒ์ฝ”์Šค 9์›” 1์ฃผ์ฐจ ํšŒ๊ณ  ๐Ÿฅณ ( + notion ํด๋กœ๋‹ ํ”„๋กœ์ ํŠธ)

9์›”์ด ์‹œ์ž‘๋๋‹ค!! ํ”„๋กœ์ ํŠธ๋กœ ์‹œ๊ฐ„์ด ๋ฉœํŒ…๋˜์—ˆ๋‹ค... ๊ทธ๋ž˜๋„ ํšŒ๊ณ ๋Š” ์ ์–ด๋ณด์ž...๋ฌด๋ ค 6์‹œ๊ฐ„์ด๋‚˜ ๊ฑธ๋ฆฐ ํŒ€์›๋“ค์˜ ์ฝ”๋“œ ๋ฆฌ๋ทฐ..๐Ÿง์ด ๋‹ฌ์˜ ๋ฐฐ์›€ ๊ธฐ๋ก ์™• ์„ ์ •!!!!! ๐ŸฅณํŒ€์›๋“ค์—๊ฒŒ์„œ ๋ฐ›์€ ์‚ฌ๋ž‘์˜ ํŽธ์ง€ ๐Ÿฅฐnotion ํด๋ก  ํ”„๋กœ์ ํŠธ ์™„์„ฑ ๐Ÿ˜์ด๋ฒˆ์ฃผ๋Š” ํ˜ธ๊ธฐ๋กญ๊ฒŒ ๋ชจ๋“  ํŒ€์›๋“ค์˜

2021๋…„ 9์›” 5์ผ
ยท
6๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ฐ๋ธŒ์ฝ”์Šค 4์ฃผ์ฐจ ํšŒ๊ณ  ๐Ÿ”ฅ ( + ๊ฐœ๋ฐœ์ž ๋ธ”๋กœ๊ทธ ๊ด€๋ฆฌ)

๋ฒŒ์จ ์•ฝ ํ•œ๋‹ฌ์ด ์ง€๋‚ฌ๋‹ค.. ์‹œ๊ฐ„ ์™œ์ด๋ฆฌ ๋นจ๋ผ..ใ… \_ใ…  ์ด๋ฒˆ์ฃผ์—๋„ ๋‹ค์–‘ํ•œ ์ผ๋“ค์ด ๋งŽ์•˜๋Š”๋ฐ ๊ธฐ์–ต์— ๋‚จ๋Š” ์ผ๋“ค์„ ํ‚ค์›Œ๋“œ๋กœ ์š”์•ฝํ•˜์ž๋ฉด..์ด ์ •๋„..?ใ…Ž (์š”์•ฝ X, ์ด๋ฒˆ์ฃผ ์žˆ์—ˆ๋˜ ์ผ ๋‚˜์—ด O) ๊ณผ์ œ ๊ตฌํ˜„๋กœํ† ๋‹˜์˜ ์˜จ๋ผ์ธ ์„ธ์…˜๊ต์œก ๋งค๋‹ˆ์ €๋‹˜์˜ ์ง„์ง„๊ฑฐ๊ต์œก๋งค๋‹ˆ์ €๋‹˜๊ณผ์˜ ๋ฉด๋‹ด์•„๊ธฐ๋‹ค๋ฆฌ๊ณ ๊ธฐ

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

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

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

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

CSR ๋ Œ๋”๋ง, SSR ๋ Œ๋”๋ง ๊ณผ์ •์˜ ์ฐจ์ด์ ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž! โš–๏ธ

์˜ค๋Š˜ ๋ฐ๋ธŒ์ฝ”์Šค์—์„œ ๋ธŒ๋ผ์šฐ์ €์˜ ๋ Œ๋”๋ง์— ๋Œ€ํ•œ ์ข‹์€ ์งˆ๋ฌธ ์ฃผ์ œ๊ฐ€ ๋‚˜์™”๋‹ค!์งˆ๋ฌธ์— ๋Œ€ํ•œ ๋ฐฐ๊ฒฝ์„ ๊ฑฐ์ณ ์œ„์™€ ๊ฐ™์€ ์งˆ๋ฌธ์ด ๋‚˜์™”๊ณ , ๊ฒฐ๊ณผ์ ์œผ๋กœ๋Š” "๋ Œ๋”๋ง"์ด๋ผ๋Š” ์šฉ์–ด๊ฐ€ ํฐ ํ˜ผ๋ž€์„ ์ฃผ์–ด ์ƒ๊ธด ์งˆ๋ฌธ์ด์—ˆ๋‹ค! ๋ Œ๋”๋ง์ด ์ž˜๋ชปํ–ˆ๋„ค..์งˆ๋ฌธ์— ๋Œ€ํ•œ ๊ถ๊ธˆ์ฆ์€ ํ•ด์†Œ๋˜์—ˆ์ง€๋งŒ, ํ•ด๋‹ต์„ ์–ป๋Š” ๊ณผ์ •์—์„œ ์‹ค

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

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ฐ๋ธŒ์ฝ”์Šค 3์ฃผ์ฐจ ํšŒ๊ณ  ๐Ÿฅ” ( feat. 2๊ด€์™•, ํŒŒํ”„๋ฆฌ์นดtv ๋ฐ๋ท”)

๋ˆˆ ๊ฐ์•˜๋‹ค ๋œจ๋‹ˆ ๋ฒŒ์จ 3์ฃผ์ฐจ๋‹คโ€ฆ ์‹œ๊ฐ„์ด ์™œ์ด๋ฆฌ ๋ฐ”์˜๊ฒŒ ํ˜๋Ÿฌ๊ฐ€๋Š”์ง€,,์ง€๋‚œ์ฃผ ์‹œ๊ฐ„์— ์ซ“๊ฒจ ๋†“์ณค๋˜ ์ธ๋™ ๊ฐ•์‚ฌ๋‹˜์˜ ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ฒ„์Šค๋Š” ๊ฒจ์šฐ ์ซ“์•„๊ฐ€์„œ ํƒ€์ž๋งˆ์ž ๋‚ด๋ ค์กŒ๋‹คโ€ฆ ์ด์ œ ์ดํ•ดํ–ˆ๋Š”๋ฐ ๋๋‚œ๊ฑฐ๋ƒ๊ณ ..์ด๋ฒˆ์ฃผ๋Š” ์Šฌํ”„๋ฉด์„œ๋„ ๋„ˆ๋ฌด ์›ƒ๊ธฐ๊ณ  ์žฌ๋ฐŒ๋Š” ์ผ์ด ๋งŽ์•˜๋Š”๋ฐ ๊ทธ ์ค‘์— ํ•˜๋‚˜๋กœ๋Š” ๋‚˜

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

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ฐ๋ธŒ์ฝ”์Šค 2์ฃผ์ฐจ ํšŒ๊ณ  ๐Ÿงฆ ( + ๋„๋น„ ํƒˆ์ถœ๊ณผ ํ•จ์ˆ˜ํ˜•,,? )

2์ฃผ์ฐจ๋Š” ํŠนํžˆ๋‚˜ ํšŒ์‚ฌ์—์„œ ์ธ์ˆ˜์ธ๊ณ„๋กœ ๋งŽ์ด ํž˜๋“ค์—ˆ๊ณ ..(ใ…‚ใ„ทใ…‚ใ„ท) ํ•˜ํ•„ ๋ฐฐ์šฐ๋Š” ๊ฐœ๋…๋„ ๋‚œ์ด๋„๊ฐ€ ๊ทน!์•…!์ธ ๊ฐœ๋…(ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ)์„ ๋ฐฐ์›Œ์„œ ์ •๋ง ์ •๋ง ํž˜๋“ค์—ˆ์ง€๋งŒ.. ์ง€๊ธˆ์€ ์•„๋ฌด๊ฒƒ๋„ ์•ˆํ•ด๋„ ๊ธฐ๋ถ„์ด ์ข‹์•„์„œ ์ž…๊ผฌ๋ฆฌ๊ฐ€ ์”ฐ๋ฃฉ ์Œœ๋ฃฉโ€ฆโ€ฆ\*v\*๋‚ด ๋ง˜๋Œ€๋กœ ์ž‘์„ฑํ•˜๋Š” ํšŒ๊ณ ์ผ๊ธฐ! 1์ฃผ์ฐจ์—

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

2์ฃผ์ฐจ๊ฐ€ ๋‹ค ๋˜์–ด์„œ ์ž‘์„ฑํ•˜๋Š” ๋ฐ๋ธŒ์ฝ”์Šค 1์ฃผ์ฐจ ํšŒ๊ณ  ๐Ÿคซ

๋น„๋ก ์ž‘์„ฑ์€ 2์ฃผ์ฐจ์— ํ–ˆ์ง€๋งŒ..ใ…Žใ…Ž ๋น„๋ฐ€์ธ๊ฑธ๋กœ ๐Ÿคซ (ํ•‘๊ณ„๋ฅผ ๋Œ€๋ณด์ž๋ฉด ์—…๋ฌด + ํ•™์Šต + ๊ณผ์ œ + ์Šคํ„ฐ๋”” ๋ณ‘ํ–‰..์ด๋ž„๊นŒ) "๋‚˜๋ฆ„.. ๋ธ”๋กœ๊ทธ๋„ ์ž˜ ์“ฐ๊ณ , ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋„ ์—ด์‹ฌํžˆ ๊ณต๋ถ€ํ•ด์งœ๋‚˜! ์—…๋ฌด๋ž‘ ๋ณ‘ํ–‰ํ•ด๋„ ์ž˜ ํ•  ์ˆ˜ ์žˆ์„๊ฑฐ์•ผ!"๋ผ๋Š” ๊ทผ์ž๊ฐ์— ๋น ์ ธ์žˆ์—ˆ๋‹ค..ํด๋กœ์ €์™€ ์Šค์ฝ”ํ”„ ๊ด€๋ จ

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

๋ธŒ๋ผ์šฐ์ €์˜ ๋™์ž‘์›๋ฆฌ โš™๏ธ

ํ†ต์‹  โžก๏ธ ๋ Œ๋”๋ง โžก๏ธ ์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰๋ธŒ๋ผ์šฐ์ €์˜ ๋™์ž‘ ๋‹จ๊ณ„๋Š” ํฌ๊ฒŒ 3๋‹จ๊ณ„๋กœ ๋‚˜๋‰˜์–ด์ง„๋‹ค.์„œ๋ฒ„์™€์˜ ํ†ต์‹ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์„œ๋ฒ„๋กœ ์š”์ฒญ์„ ๋ณด๋ƒ„์„œ๋ฒ„๋Š” ์š”์ฒญ์— ๋”ฐ๋ฅธ ํŠน์ •๊ฐ’์„ ์‘๋‹ตํ•œ๋ฒˆ์— ํ•˜๋‚˜์”ฉ || ๋™์‹œ์— ํ†ต์‹  ๊ฐ€๋Šฅ์›น ๋ Œ๋”๋ง ์—”์ง„ ์ฒ˜๋ฆฌ๊ณผ์ • ์ž์„ธํžˆ๋ณด๊ธฐDOM์ด๋ผ ๋ถˆ๋ฆฌ์šฐ๋Š” ๊ฐ์ฒด๋ฅผ ํ™”๋ฉด์— ๊ทธ๋ฆผDO

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

์›น ๋ Œ๋”๋ง ์—”์ง„ ์ฒ˜๋ฆฌ๊ณผ์ •์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž ๐Ÿง

DOM ํŠธ๋ฆฌ๋ฅผ ๊ตฌ์„ฑํ•˜๊ธฐ ์œ„ํ•ด HTML์„ ํŒŒ์‹ฑHTML์€ ๊ตฌ์กฐํ™”๋œ ์ •๋ณด์ด๊ธฐ ๋•Œ๋ฌธ์— DOM(Document Object Model), ์ผ์ข…์˜ ํŠธ๋ฆฌ ๊ตฌ์กฐ ํ˜•ํƒœ๋กœ HTML ํƒœ๊ทธ๋“ค์„ ๋ฐ์ดํ„ฐ๋กœ ํ•ด์„ํ•ด์„œ ๋‹ค์‹œ ๊ฐ€์ง€๊ณ  ์žˆ๊ฒŒ ๋จํŒŒ์‹ฑ? ๋ฌธ์ž ๋‹จ์œ„๋กœ ํ•˜๋‚˜ํ•˜๋‚˜ ํ•ด์„์„ ํ•ด์„œ ํ•ด๋‹น ๋‚ด์šฉ์ด ๊ฐ€์ง„

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

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

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

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