Vue.js / Nuxt.js

JavaScript ๊ธฐ์ดˆ

Variables, types, functions, arrow functions, destructuring, spread operator, template literals

20 ๋ฉด์ ‘ ์งˆ๋ฌธยท
Junior
1

JavaScript์—์„œ var์™€ let์˜ ์ฃผ์š” ์ฐจ์ด์ ์€ ๋ฌด์—‡์ธ๊ฐ€์š”?

๋‹ต๋ณ€

๊ทผ๋ณธ์ ์ธ ์ฐจ์ด๋Š” ๋ณ€์ˆ˜์˜ scope์— ์žˆ์Šต๋‹ˆ๋‹ค. let์€ block scope๋ฅผ ๊ฐ€์ง€๋ฏ€๋กœ let์œผ๋กœ ์„ ์–ธ๋œ ๋ณ€์ˆ˜๋Š” ์ •์˜๋œ ๋ธ”๋ก(์ค‘๊ด„ํ˜ธ ์•ˆ)์—์„œ๋งŒ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค. var๋Š” function scope๋ฅผ ๊ฐ€์ง€๋ฉฐ, ๋ณ€์ˆ˜๊ฐ€ ๋ธ”๋ก ์™ธ๋ถ€์—์„œ๋„ ์ ‘๊ทผ ๊ฐ€๋Šฅํ•ด ์˜ˆ๊ธฐ์น˜ ์•Š์€ ๋™์ž‘์„ ์ผ์œผํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ scope ์ฐจ์ด๋กœ ์ธํ•ด hoisting๊ณผ scope ๊ด€๋ จ ๋ฒ„๊ทธ๋ฅผ ํ”ผํ•˜๊ธฐ ์œ„ํ•ด let์ด ๊ถŒ์žฅ๋ฉ๋‹ˆ๋‹ค.

2

๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•  ๋•Œ let ๋Œ€์‹  const๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š” ๊ฒฝ์šฐ๋Š” ์–ธ์ œ์ธ๊ฐ€์š”?

๋‹ต๋ณ€

const๋Š” ์ดˆ๊ธฐ ์„ ์–ธ ์ดํ›„์— ๋ณ€์ˆ˜๊ฐ€ ์ ˆ๋Œ€ ์žฌํ• ๋‹น๋˜์ง€ ์•Š์„ ๋•Œ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋“  ๋ณ€์ˆ˜๋ฅผ ๊ธฐ๋ณธ์ ์œผ๋กœ const๋กœ ์„ ์–ธํ•˜๊ณ , ์žฌํ• ๋‹น์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ์—๋งŒ let์œผ๋กœ ๋ฐ”๊พธ๋Š” ๊ฒƒ์ด ์ข‹์€ ์Šต๊ด€์ž…๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ์ฝ”๋“œ๊ฐ€ ๋” ์˜ˆ์ธก ๊ฐ€๋Šฅํ•ด์ง€๊ณ  ๊ฐœ๋ฐœ์ž์˜ ์˜๋„๋ฅผ ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์›Œ์ง‘๋‹ˆ๋‹ค. ์ฐธ๊ณ : const๋Š” ์žฌํ• ๋‹น์„ ๋ง‰์ง€๋งŒ object์˜ ์†์„ฑ ์ˆ˜์ •์€ ๋ง‰์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

3

JavaScript์˜ primitive ํƒ€์ž…์—๋Š” ์–ด๋–ค ๊ฒƒ๋“ค์ด ์žˆ๋‚˜์š”?

๋‹ต๋ณ€

JavaScript์—๋Š” 7๊ฐœ์˜ primitive ํƒ€์ž…์ด ์žˆ์Šต๋‹ˆ๋‹ค: ๋ฌธ์ž์—ด์„ ์œ„ํ•œ string, ์ •์ˆ˜์™€ ์†Œ์ˆ˜๋ฅผ ์œ„ํ•œ number, true์™€ false ๊ฐ’์„ ์œ„ํ•œ boolean, ์ดˆ๊ธฐํ™”๋˜์ง€ ์•Š์€ ๋ณ€์ˆ˜๋ฅผ ์œ„ํ•œ undefined, ์˜๋„์ ์ธ ๊ฐ’์˜ ๋ถ€์žฌ๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” null, ๊ณ ์œ  ์‹๋ณ„์ž๋ฅผ ๋งŒ๋“œ๋Š” symbol, ๊ทธ๋ฆฌ๊ณ  ํฐ ์ •์ˆ˜๋ฅผ ์œ„ํ•œ bigint์ž…๋‹ˆ๋‹ค. primitive ํƒ€์ž…์€ ๋ถˆ๋ณ€์ด๋ฉฐ ๊ฐ’์œผ๋กœ ๋น„๊ต๋˜๋Š”๋ฐ, ์ด๋Š” ์ฐธ์กฐ๋กœ ๋น„๊ต๋˜๋Š” object์™€ ๋‹ค๋ฆ…๋‹ˆ๋‹ค.

4

JavaScript์—์„œ null๊ณผ undefined์˜ ์ฐจ์ด๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”?

5

JavaScript์—์„œ ๋‘ ๊ฐ’์„ ์—„๊ฒฉํ•˜๊ฒŒ ๋น„๊ตํ•˜๋ ค๋ฉด ์–ด๋–ค ์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋‚˜์š”?

+17 ๋ฉด์ ‘ ์งˆ๋ฌธ

๊ธฐํƒ€ Vue.js / Nuxt.js ๋ฉด์ ‘ ์ฃผ์ œ

๋ชจ๋˜ JavaScript (ES6+)

Junior
20๊ฐœ ์งˆ๋ฌธ

Vue ๊ธฐ์ดˆ

Junior
22๊ฐœ ์งˆ๋ฌธ

Vue ์ปดํฌ๋„ŒํŠธ

Junior
20๊ฐœ ์งˆ๋ฌธ

Vue Router

Junior
18๊ฐœ ์งˆ๋ฌธ

Pinia State Management

Junior
20๊ฐœ ์งˆ๋ฌธ

Vuex (Legacy)

Mid-Level
15๊ฐœ ์งˆ๋ฌธ

Composition API

Mid-Level
24๊ฐœ ์งˆ๋ฌธ

Vue ๋ฐ˜์‘์„ฑ

Mid-Level
20๊ฐœ ์งˆ๋ฌธ

Nuxt ๊ธฐ์ดˆ

Mid-Level
22๊ฐœ ์งˆ๋ฌธ

Nuxt ๋ฐ์ดํ„ฐ ํŽ˜์นญ

Mid-Level
20๊ฐœ ์งˆ๋ฌธ

Nuxt SSR ๋ฐ SSG

Mid-Level
22๊ฐœ ์งˆ๋ฌธ

Nuxt ์„œ๋ฒ„ ๋ผ์šฐํŠธ

Mid-Level
20๊ฐœ ์งˆ๋ฌธ

Nuxt ๋ชจ๋“ˆ

Mid-Level
18๊ฐœ ์งˆ๋ฌธ

Vue ์ปดํฌ์ €๋ธ”

Mid-Level
20๊ฐœ ์งˆ๋ฌธ

Vue ํผ๊ณผ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ

Mid-Level
20๊ฐœ ์งˆ๋ฌธ

Nuxt ์ƒํƒœ ๊ด€๋ฆฌ

Mid-Level
18๊ฐœ ์งˆ๋ฌธ

Vue ํ…Œ์ŠคํŒ…

Mid-Level
20๊ฐœ ์งˆ๋ฌธ

Nuxt ๋ฐฐํฌ ๋ฐ CI/CD

Mid-Level
22๊ฐœ ์งˆ๋ฌธ

Vue ์„ฑ๋Šฅ

Senior
22๊ฐœ ์งˆ๋ฌธ

Vue ๊ณ ๊ธ‰ ํŒจํ„ด

Senior
24๊ฐœ ์งˆ๋ฌธ

Vue์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜๋Š” TypeScript

Senior
22๊ฐœ ์งˆ๋ฌธ

Nuxt ์ธ์ฆ

Senior
20๊ฐœ ์งˆ๋ฌธ

Nuxt์—์„œ์˜ SEO

Senior
20๊ฐœ ์งˆ๋ฌธ

Nuxt ๊ตญ์ œํ™”

Senior
18๊ฐœ ์งˆ๋ฌธ

Vue ์•„ํ‚คํ…์ฒ˜

Senior
22๊ฐœ ์งˆ๋ฌธ

Nuxt ๋ณด์•ˆ

Senior
20๊ฐœ ์งˆ๋ฌธ

Vue ์ƒํƒœ๊ณ„

Senior
18๊ฐœ ์งˆ๋ฌธ

Vue 2โ†’3 ๋ฐ Nuxt 2โ†’3 ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜

Senior
22๊ฐœ ์งˆ๋ฌธ

๋‹ค์Œ ๋ฉด์ ‘์„ ์œ„ํ•ด Vue.js / Nuxt.js์„ ๋งˆ์Šคํ„ฐํ•˜์„ธ์š”

๋ชจ๋“  ์งˆ๋ฌธ, flashcards, ๊ธฐ์ˆ  ํ…Œ์ŠคํŠธ, ์ฝ”๋“œ ๋ฆฌ๋ทฐ ์—ฐ์Šต, ๋ฉด์ ‘ ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ์— ์ ‘๊ทผํ•˜์„ธ์š”.

๋ฌด๋ฃŒ๋กœ ์‹œ์ž‘ํ•˜๊ธฐ