profile
Always happy coding ๐Ÿ˜Š
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (36)front end(36)ํ”„๋ก ํŠธ์—”๋“œ(35)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(28)JavaScript(28)vue(11)framework(9)๋ทฐ(9)html(8)CSS(8)ํ”„๋ ˆ์ž„์›Œํฌ(7)ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ(6)typescript(6)internet(5)html5(5)์ธํ„ฐ๋„ท(5)CSS3(4)ํƒ€์ž…(3)SSR(3)server side rendering(3)type(3)module bundler(3)webpack(3)์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(3)nuxt(3)pattern(3)testing(2)์ธํ„ฐํŽ˜์ด์Šค(2)์›นํŒฉ(2)๋ชจ๋“ˆ ๋ฒˆ๋“ค๋Ÿฌ(2)๋„‰์ŠคํŠธ(2)Node(2)ํŒจํ„ด(2)interface(2)๋ชจ๋“ˆ ๋ฒˆ๋“ค๋ง(1)execution context(1)๋ฐ์ดํ„ฐ ํƒ€์ž…(1)์‹คํ–‰ ์ปจํ…์ŠคํŠธ(1)spa(1)jest(1)๋””์ž์ธ ํŒจํ„ด(1)OG(1)methods(1)ES6(1)ํ…Œ์ŠคํŒ… ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜(1)๋””์ž์ธํŒจํ„ด(1)node package manager(1)component(1)dev(1)back end(1)๋ฐฑ์—”๋“œ(1)ํ˜ธ์ŠคํŒ…(1)npm(1)์‹ฑ๊ธ€ ํŽ˜์ด์ง€ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜(1)Dev-Ops(1)๋…ธ๋“œ(1)http(1)DNS(1)๋ฌธ์„œ๊ฐ์ฒด๋ชจ๋ธ(1)browser(1)ํ…Œ์ŠคํŒ…(1)testing-apllication(1)์ปดํฌ๋„ŒํŠธ(1)๋ธŒ๋ผ์šฐ์ €(1)vue.js(1)hosting(1)ํ…Œ์ŠคํŠธ(1)data type(1)this(1)DOM(1)ํˆด(1)design patterns(1)ํ…Œ์ŠคํŠธ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜(1)testing-application(1)
post-thumbnail

Nuxt(Server Side Rendering) ๋ฐฐํฌ์™€ ํ†ต์‹ 

Nuxt ์„œ๋น„์Šค ๋ฐฐํฌ ๋ฐฉ๋ฒ• Nuxt.js ์„œ๋น„์Šค๋ฅผ ๋ฐฐํฌํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•  ๋•Œ ์„ ํƒํ•œ Universal ๋ชจ๋“œ์˜ ๋ฐฐํฌ ๋ฐฉ์‹์— ๋”ฐ๋ผ ๋‹ค๋ฅด๋‹ค. ์•„๋ž˜ 2๊ฐ€์ง€ ์œ ํ˜•์— ๋”ฐ๋ฅธ ๋ฐฐํฌ ๋ฐฉ๋ฒ•์„ ์‚ดํŽด๋ณด์ž. SSR(Server Side Rendering) SSR ๋ชจ๋“œ๋Š” ์œ„ ๊ทธ

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

Nuxt (Server side rendering) ์‚ฌ์šฉํ•˜๊ธฐ

Nuxt์˜ ํด๋” ๊ตฌ์กฐ ๋„‰์ŠคํŠธ์˜ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ๋ฉฐ๋ น์–ด๋ฅผ ์‹คํ–‰ํ•˜๊ณ  ๋‚œ ๋’ค ์ƒ์„ฑ๋œ ๋„‰์ŠคํŠธ์˜ ๊ธฐ๋ณธ ํด๋” ๊ตฌ์กฐ๋ฅผ ์‚ดํŽด๋ณด๊ฒ ๋‹ค. ๋‹ค์Œ์€ ๋„‰์ŠคํŠธ์˜ ๊ธฐ๋ณธ ํด๋” ๊ตฌ์กฐ์ด๋‹ค. Nuxt์˜ ํด๋” ๊ตฌ์กฐ ๋„‰์ŠคํŠธ์˜ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ๋ฉฐ๋ น์–ด๋ฅผ ์‹คํ–‰ํ•˜๊ณ  ๋‚œ ๋’ค ์ƒ์„ฑ๋œ ๋„‰์ŠคํŠธ์˜ ๊ธฐ๋ณธ ํด๋” ๊ตฌ์กฐ๋ฅผ ์‚ดํŽด๋ณด๊ฒ 

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

Nuxt (Server side rendering)๋ž€?

Nuxt๋ž€? Nuxt๋Š” Vue.js๋กœ ๋น ๋ฅด๊ฒŒ ์›น์„ ์ œ์ž‘ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ฃผ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์ด๋‹ค. ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ œ์ž‘ํ•  ๋•Œ ํ•„์š”ํ•œ ๋ทฐ์—‘์Šค, ๋ผ์šฐํ„ฐ, axios์™€ ๊ฐ™์€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์„ ๋ฏธ๋ฆฌ ๊ตฌ์„ฑํ•˜์—ฌ ์‹ฑ๊ธ€ ํŽ˜์ด์ง€ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜(Single Page Application), ์„œ๋ฒ„

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

ํ…Œ์ŠคํŠธ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ (Testing Applications) 2/2

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

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

ํ…Œ์ŠคํŠธ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ (Testing Applications) 1/2

ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๊ฐ€ ํ•„์š”ํ•œ ์ด์œ  ๊ฐœ๋ฐœ์ž์—๊ฒŒ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๊ฐ€ ํ•„์š”ํ•œ ์ด์œ ๋Š” ์•„๋ž˜ 2๊ฐ€์ง€์— ์†Œ๋ชจ๋˜๋Š” ์‹œ๊ฐ„์„ ์ค„์ด๊ธฐ ์œ„ํ•ด์„œ์ด๋‹ค.

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

Vue.js ๊ณ ๊ธ‰ ๊ธฐ์ˆ  (Vue Framework Advanced Technics)

๋ทฐ ํ”„๋กœ์ ํŠธ ํด๋” ๊ตฌ์กฐ, ์ฝ”๋“œ ๋ถ„ํ• , ๋„ค๋น„๊ฒŒ์ด์…˜ ๊ฐ€๋“œ, Transition & Animation์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž.

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

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์šฉ๋ฒ•๊ณผ ๊ตฌ์„ฑ(TypeScript Usage Or Config)

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์—์„œ ๊ฐ€๋ฆฌํ‚ค๋Š” ๋ชจ๋“ˆ์ด๋ผ๋Š” ๊ฐœ๋…์€ ES6+์˜ Modules(https://babeljs.io/docs/en/learn๋ชจ๋“ˆ์€ ์ „์—ญ ๋ณ€์ˆ˜์™€ ๊ตฌ๋ถ„๋˜๋Š” ์ž์ฒด ์œ ํšจ ๋ฒ”์œ„๋ฅผ ๊ฐ€์ง€๋ฉฐ export, import์™€ ๊ฐ™์€ ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์œผ๋ฉด ๋‹ค๋ฅธ ํŒŒ์ผ์— ์ ‘๊ทผํ•  ์ˆ˜

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

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ณธ ํƒ€์ž… ํƒ€์ž… ์Šคํฌ๋ฆฝํŠธ๋กœ ๋ณ€์ˆ˜๋‚˜ ํ•จ์ˆ˜์™€ ๊ฐ™์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ์— ํƒ€์ž…์„ ์ •์˜ํ•  ์ˆ˜ ์žˆ๋‹ค. ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ๊ธฐ๋ณธ ํƒ€์ž…์—๋Š” ํฌ๊ฒŒ 12๊ฐ€์ง€๊ฐ€ ์žˆ๋‹ค. Boolean Number String Object Array Tuple Enum Any Void Null Und

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

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ(TypeScript)

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ํƒ€์ž…์„ ๋ถ€์—ฌํ•œ ์–ธ์–ด์ด๋‹ค.์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํ™•์žฅ๋œ ์–ธ์–ด๋ผ๊ณ  ๋ณผ ์ˆ˜ ์žˆ๋‹ค.ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ ๋‹ฌ๋ฆฌ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰ํ•˜๋ ค๋ฉด ํŒŒ์ผ์„ ํ•œ๋ฒˆ ๋ณ€ํ™˜ํ•ด์ฃผ์–ด์•ผ ํ•œ๋‹ค.์ด ๋ณ€ํ™˜ ๊ณผ์ •์„ ์šฐ๋ฆฌ๋Š” ์ปดํŒŒ์ผ(complile) ์ด๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค.ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” ์•„๋ž˜ 2๊ฐ€

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

WebPack(์›นํŒฉ) ๊ฐœ๋ฐœ ํˆด

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

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

WebPack(์›นํŒฉ) ์ฃผ์š” ์†์„ฑ

์›นํŒฉ์˜ ๋นŒ๋“œ (ํŒŒ์ผ ๋ณ€ํ™˜) ๊ณผ์ •์„ ์ดํ•ดํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์•„๋ž˜ 4๊ฐ€์ง€ ์ฃผ์š” ์†์„ฑ์— ๋Œ€ํ•ด์„œ ์•Œ๊ณ  ์žˆ์–ด์•ผ ํ•œ๋‹ค.entryoutputloaderplugin๊ฐ ์ฃผ์š” ์†์„ฑ์— ๋Œ€ํ•ด์„œ ์ž์„ธํžˆ ์‚ดํŽด๋ณด์ž.entry ์†์„ฑ์€ ์›นํŒฉ์—์„œ ์›น ์ž์›์„ ๋ฐ˜ํ™˜ํ•˜๊ธฐ ์œ„ํ•ด ํ•„์š”ํ•œ ์ตœ์ดˆ ์ง„์ž…์ ์ด์ž ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ

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

Node.js์™€ NPM ๊ฐ„๋‹จ ์š”์•ฝ

์›นํŒฉ์„ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” Node.js์™€ NPM์ด ์ปดํ“จํ„ฐ์—์„œ ์„ค์น˜๋˜์–ด ์žˆ์–ด์•ผ ํ•œ๋‹ค.๊ทธ๋ฆฌ๊ณ  ์ด ๋„๊ตฌ๋“ค์— ๋Œ€ํ•ด ์–ด๋Š ์ •๋„ ๋ฐฐ๊ฒฝ ์ง€์‹์ด ์žˆ์œผ๋ฉด ์›นํŒฉ์„ ๋‹ค๋ฃจ๋Š”๋ฐ ๋„์›€์ด ๋œ๋‹ค.Node.js๋Š” ๋ธŒ๋ผ์šฐ์ € ๋ฐ–์—์„œ๋„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ํ™˜๊ฒฝ์„ ์˜๋ฏธํ•œ๋‹ค.๊ฐ„๋‹จํ•˜๊ฒŒ ์ค„์—ฌ์„œ Jav

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

WebPack (์›นํŒฉ) ์ •์˜

์›นํŒฉ์ด๋ž€ ์ตœ์‹  ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ๋ชจ๋“ˆ ๋ฒˆ๋“ค๋Ÿฌ(Module Bundler)์ด๋‹ค.๋ชจ๋“ˆ ๋ฒˆ๋“ค๋Ÿฌ๋ž€ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์„ฑํ•˜๋Š” ์ž์›(HTML, CSS, Javascript, Images ๋“ฑ)์„ ๋ชจ๋‘ ๊ฐ๊ฐ์˜ ๋ชจ๋“ˆ๋กœ ๋ณด๊ณ  ์ด๋ฅผ ์กฐํ•ฉํ•ด์„œ ๋ณ‘ํ•ฉ๋œ ํ•˜๋‚˜์˜ ๊ฒฐ๊ณผ

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

Vue์—์„œ ์ƒํƒœ๊ด€๋ฆฌ๋ฅผ ํ•ด๋ณด์ž! Vuex

์ƒํƒœ ๊ด€๋ฆฌ๋ž€ ํ˜„๋Œ€ ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ ๋ชจ๋‘ ์‚ฌ์šฉํ•˜๋Š” ๊ฐœ๋ฐœ ํŒจํ„ด์ด๋‹ค.๋ทฐ์—์„œ๋Š” ๋ทฐ์—‘์Šค(Vuex)๋ผ๋Š” ์ƒํƒœ ๊ด€๋ฆฌ ํŒจํ„ด์„ ์‚ฌ์šฉํ•œ๋‹ค.์ƒํƒœ ๊ด€๋ฆฌ๊ฐ€ ํ•„์š”ํ•œ ์ด์œ ๋Š” ์ปดํฌ๋„ŒํŠธ์˜ ์ˆซ์ž๊ฐ€ ๋งŽ์•„์กŒ์„ ๋•Œ ์ปดํฌ๋„ŒํŠธ ๊ฐ„์˜ ๋ฐ์ดํ„ฐ ์ „๋‹ฌ์ด๋‚˜ ๊ด€๋ฆฌ๊ฐ€ ์–ด๋ ต๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.๋ฐ์ดํ„ฐ ์ „๋‹ฌ์„ ๋” ๋ช…์‹œ์ ์ด๊ณ 

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

Vue.js ์žฌ์‚ฌ์šฉ์„ฑ์„ ๋†’์ด์ž! Slot ์™ธํŽธ

Vue.js ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ ์žฌ์‚ฌ์šฉ์„ฑ์„ ๋†’์ผ ์ˆ˜ ์žˆ๋Š” Slot ์™ธ์˜ ๊ธฐ๋Šฅ๋“ค์„ ์•Œ์•„๋ณด๊ณ ์ž ํ•œ๋‹ค.๋ฏน์Šค์ธ(Mixins)์€ ์—ฌ๋Ÿฌ ์ปดํฌ๋„ŒํŠธ ๊ฐ„์— ๊ณตํ†ต์œผ๋กœ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” ๋กœ์ง, ๊ธฐ๋Šฅ๋“ค์„ ์žฌ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์ด๋‹ค.๋ฏน์Šค์ธ์— ์ •์˜ํ•  ์ˆ˜ ์žˆ๋Š” ์žฌ์‚ฌ์šฉ ๋กœ์ง์€ data, methods, creat

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

Vue.js ์žฌ์‚ฌ์šฉ์„ฑ์„ ๋†’์ด์ž! SlotํŽธ

Vue.js ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ ์ œ๊ณตํ•˜๋Š” ํ•จ์ˆ˜๋“ค๋กœ ์ปดํฌ๋„ŒํŠธ์˜ ์žฌ์‚ฌ์šฉ์„ฑ์„ ๋†’์ผ ์ˆ˜ ์žˆ๋‹ค. ์Šฌ๋กฏ ์Šฌ๋กฏ(slot)์€

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

Vue.js API, Methods

๋ทฐ์˜ ๋ฉ”์„œ๋“œ๋Š” ํŠน์ • ๊ธฐ๋Šฅ ๋ณ„๋กœ ๋ฌถ์„ ์ˆ˜ ์žˆ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ•จ์ˆ˜๋ฅผ ์˜๋ฏธํ•œ๋‹ค.๋ฉ”์„œ๋“œ๋Š” ํ”ํžˆ ๋ทฐ ํ…œํ”Œ๋ฆฟ์˜ ๋ฒ„ํŠผ ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ๋ถ€ํ„ฐ HTTP ํ†ต์‹ ๊นŒ์ง€ ๋‹ค์–‘ํ•œ ์„ฑ๊ฒฉ์˜ ์ฝ”๋“œ๋กœ ๊ตฌ์„ฑ๋œ๋‹ค.๋ฉ”์„œ๋“œ๋ฅผ ์„ ์–ธํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ์•„๋ž˜์™€ ๊ฐ™๋‹ค.๋ฉ”์„œ๋“œ๋ฅผ ์ด์šฉํ•ด์„œ ๋ฒ„ํŠผ ํด๋ฆญ ์ด๋ฒคํŠธ๋ฅผ ์ฒ˜๋ฆฌํ•˜๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.์œ„

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

Vue.js Template๊ณผ Components

๋ทฐ์˜ ํ…œํ”Œ๋ฆฟ ๋ฌธ๋ฒ•์ด๋ž€ ๋ทฐ๋กœ ํ™”๋ฉด์„ ์กฐ์ž‘ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์˜๋ฏธํ•œ๋‹ค.ํ…œํ”Œ๋ฆฟ ๋ฌธ๋ฒ•์€ ํฌ๊ฒŒ ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ๊ณผ ๋””๋ ‰ํ‹ฐ๋ธŒ๋กœ ๋‚˜๋‰œ๋‹ค.๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ์€ ๋ทฐ ์ธ์Šคํ„ด์Šค์—์„œ ์ •์˜ํ•œ ์†์„ฑ๋“ค์„ ํ™”๋ฉด์— ํ‘œ์‹œํ•˜๋Š” ๋ฐฉ๋ฒ•์ด๋‹ค.๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ธ ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ ๋ฐฉ์‹์€ ์ฝง์ˆ˜์—ผ ๊ด„ํ˜ธ(Mustache Tag)์ด๋‹ค.div

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

Vue.js ์‹œ์ž‘ํ•˜๊ธฐ

๋‹ค๋ฅธ ์ฃผ์š” ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋ ˆ์ž„์›Œํฌ(Angular, React)์™€ ๋น„๊ตํ–ˆ์„ ๋•Œ ๋ทฐ(Vue)์˜ ๊ฐ€์žฅ ํฐ ๊ฐ•์ ์€ ๋ฐ”๋กœ ์‹œ์ž‘ํ•˜๊ธฐ๊ฐ€ ์ •๋ง ์‰ฝ๋‹ค๋Š” ์ ์ด๋‹ค.CDN์œผ๋กœ Vue.js ์ฝ”๋“œ๋ฅผ ๊ฐ€์ ธ์™€ ๋ฐ”๋กœ Vue ์ธ์Šคํ„ด์Šค๋ฅผ ํ•˜๋‚˜ ์ƒ์„ฑํ•˜์—ฌ ๊ฐ„๋‹จํ•œ ํŽ˜์ด์ง€๋ฅผ ์ƒ์„ฑํ•ด๋ณด์•˜๋‹ค. ๊ธฐ์กด์˜ ๊ตฌํ˜„๋œ ์‹œ์Šคํ…œ์—

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