Skip to content

reyoucat/vuejs_book

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

51 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Vue.js ํ€ต ์Šคํƒ€ํŠธ : ๋น ๋ฅด๊ฒŒ ๋ฐฐ์›Œ์„œ ๋ฐ”๋ฅด๊ฒŒ ์ ์šฉํ•˜๋Š”

  • ์ €์ž: ์›ํ˜•์„ญ
  • ํŽ˜์ด์ง€: 520์ชฝ
  • ๋ฐœํ–‰์ผ: 2017-09-05
  • ์ถœํŒ์‚ฌ: ๋ฃจ๋น„ํŽ˜์ดํผ

๊ตฌ์ž…์ฒ˜

์˜คํƒˆ์ž๋Š” ์—ฌ๊ธฐ๋ฅผ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.

์˜ˆ์ œํŒŒ์ผ

  • ๊ฐ ์žฅ๋ณ„๋กœ ์˜ˆ์ œ๋ฅผ ๋ถ„๋ฅ˜ํ•˜์˜€์Šต๋‹ˆ๋‹ค.
  • ์žฅ๋ณ„๋กœ ์—ฌ๋Ÿฌ๊ฐœ์˜ ํ”„๋กœ์ ํŠธ๊ฐ€ ์žˆ๋Š” ๊ฒฝ์šฐ๋Š” ์žฅ๋ณ„๋กœ ReadmeํŒŒ์ผ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ ์ ˆ๋งˆ๋‹ค ์–ด๋–ค ํ”„๋กœ์ ํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š”์ง€ ๋ช…์‹œ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์ด ์ฑ…์—์„œ ์‚ฌ์šฉํ•˜๋Š” ์„œ๋น„์Šค API ์˜ˆ์ œ๋Š” ๋‹ค์Œ์„ ํ™•์ธํ•˜์„ธ์š”.

๋ชฉ์ฐจ

  • CHAPTER 01 ์‹œ์ž‘ํ•˜๊ธฐ

    • 1.1 Vue.js๋ž€?
    • 1.2 ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ •
      • 1.2.1 Node.js ์„ค์น˜
      • 1.2.2 Visual Studio Code ์„ค์น˜
      • 1.2.3 ํฌ๋กฌ ๋ธŒ๋ผ์šฐ์ € ๋ฐ Vue.js devtools ์„ค์น˜
      • 1.2.4 Vue-CLI ์„ค์น˜
    • 1.3 ์ฒซ ๋ฒˆ์งธ Vue.js ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜
  • CHAPTER 02 Vue.js ๊ธฐ์ดˆ

    • 2.1 hellovuejs ์˜ˆ์ œ ๋ถ„์„
    • 2.2 ๊ธฐ๋ณธ ๋””๋ ‰ํ‹ฐ๋ธŒ
      • 2.2.1 v-text, v-html ๋””๋ ‰ํ‹ฐ๋ธŒ
      • 2.2.2 v-bind ๋””๋ ‰ํ‹ฐ๋ธŒ
      • 2.2.3 v-model ๋””๋ ‰ํ‹ฐ๋ธŒ
      • 2.2.4 v-show, v-if, v-else, v-else-if ๋””๋ ‰ํ‹ฐ๋ธŒ
    • 2.3 ๋ฐ˜๋ณต ๋ Œ๋”๋ง ๋””๋ ‰ํ‹ฐ๋ธŒ
    • 2.4 ๊ธฐํƒ€ ๋””๋ ‰ํ‹ฐ๋ธŒ
    • 2.5 ๊ณ„์‚ฐํ˜• ์†์„ฑ
  • CHAPTER 03 Vue ์ธ์Šคํ„ด์Šค

    • 3.1 el, data, computed ์˜ต์…˜
    • 3.2 ๋ฉ”์„œ๋“œ
    • 3.3 ๊ด€์ฐฐ ์†์„ฑ
    • 3.4 v-cloak ๋””๋ ‰ํ‹ฐ๋ธŒ
    • 3.5 Vue ์ธ์Šคํ„ด์Šค ๋ผ์ดํ”„ ์‚ฌ์ดํด
  • CHAPTER 04 ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ

    • 4.1 ์ธ๋ผ์ธ ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ
    • 4.2 ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ ๋ฉ”์„œ
    • 4.3 ์ด๋ฒคํŠธ ๊ฐ์ฒด
    • 4.4 ๊ธฐ๋ณธ ์ด๋ฒคํŠธ
    • 4.5 ์ด๋ฒคํŠธ ์ „ํŒŒ์™€ ๋ฒ„๋ธ”๋ง
    • 4.6 ์ด๋ฒคํŠธ ์ˆ˜์‹์–ด
      • 4.6.1 once ์ˆ˜์‹์–ด
      • 4.6.2 ํ‚ค์ฝ”๋“œ ์ˆ˜์‹์–ด
      • 4.6.3 ๋งˆ์šฐ์Šค ๋ฒ„ํŠผ ์ˆ˜์‹์–ด
  • CHAPTER 05 ์Šคํƒ€์ผ

    • 5.1 ์Šคํƒ€์ผ ์ ์šฉ
    • 5.2 ์ธ๋ผ์ธ ์Šคํƒ€์ผ
    • 5.3 CSS ํด๋ž˜์Šค ๋ฐ”์ธ๋”ฉ
    • 5.4 ๊ณ„์‚ฐํ˜• ์†์„ฑ, ๋ฉ”์„œ๋“œ๋ฅผ ์ด์šฉํ•œ ์Šคํƒ€์ผ ์ ์šฉ
    • 5.5 ์ปดํฌ๋„ŒํŠธ์—์„œ์˜ ์Šคํƒ€์ผ ์ ์šฉ
    • 5.6 ์Šคํƒ€์ผ ์˜ˆ์ œ
  • CHAPTER 06 ์ปดํฌ๋„ŒํŠธ ๊ธฐ์ดˆ

    • 6.1 ์ปดํฌ๋„ŒํŠธ ์กฐํ•ฉ
    • 6.2 ์ปดํฌ๋„ŒํŠธ์˜ ์ž‘์„ฑ
    • 6.3 DOM ํ…œํ”Œ๋ฆฟ ๊ตฌ๋ฌธ ์ž‘์„ฑ ์‹œ ์ฃผ์˜ ์‚ฌํ•ญ
    • 6.4 ์ปดํฌ๋„ŒํŠธ์—์„œ์˜ data ์˜ต์…˜
    • 6.5 props์™€ event
      • 6.5.1 props๋ฅผ ์ด์šฉํ•œ ์ •๋ณด ์ „๋‹ฌ
      • 6.5.2 event๋ฅผ ์ด์šฉํ•œ ์ •๋ณด ์ „๋‹ฌ
      • 6.5.3 props์™€ event ์˜ˆ์ œ
    • 6.6 ์ด๋ฒคํŠธ ๋ฒ„์Šค ๊ฐ์ฒด๋ฅผ ์ด์šฉํ•œ ํ†ต์‹ 
  • CHAPTER 07 ECMAScript 2015

    • 7.1 ES2015๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•œ ํ”„๋กœ์ ํŠธ ์„ค์ •
    • 7.2 let๊ณผ const
    • 7.3 ๊ธฐ๋ณธ ํŒŒ๋ผ๋ฏธํ„ฐ์™€ ๊ฐ€๋ณ€ ํŒŒ๋ผ๋ฏธํ„ฐ
    • 7.4 ๊ตฌ์กฐ๋ถ„ํ•ด ํ• ๋‹น(destructuring assignment)
    • 7.5 ํ™”์‚ดํ‘œ ํ•จ์ˆ˜(Arrow function)
    • 7.6 ์ƒˆ๋กœ์šด ๊ฐ์ฒด ๋ฆฌํ„ฐ๋Ÿด
    • 7.7 ํ…œํ”Œ๋ฆฟ ๋ฆฌํ„ฐ๋Ÿด
    • 7.8 ์ปฌ๋ ‰์…˜
    • 7.9 ํด๋ž˜์Šค
    • 7.10 ๋ชจ๋“ˆ
    • 7.11 Promise
  • CHAPTER 08 Webpack

    • 8.1 Webpack ๊ตฌ์„ฑ
    • 8.2 ๊ฐ„๋‹จํ•œ Webpack ๊ตฌ์„ฑ ์˜ˆ์ œ
    • 8.3 Webpack ๊ฐœ๋ฐœ ์„œ๋ฒ„ ์„ค์ •
    • 8.4 Vue-CLI ๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ
  • CHAPTER 09 ์ปดํฌ๋„ŒํŠธ ์‹ฌํ™”

    • 9.1 ๋‹จ์ผ ํŒŒ์ผ ์ปดํฌ๋„ŒํŠธ
    • 9.2 ์ปดํฌ๋„ŒํŠธ์—์„œ์˜ ์Šคํƒ€์ผ
      • 9.2.1 ๋ฒ”์œ„ CSS(Scoped CSS)
      • 9.2.2 CSS ๋ชจ๋“ˆ(CSS Module)
    • 9.3 ์Šฌ๋กฏ
      • 9.3.1 ์Šฌ๋กฏ์˜ ๊ธฐ๋ณธ ์‚ฌ์šฉ๋ฒ•
      • 9.3.2 ๋ช…๋ช…๋œ ์Šฌ๋กฏ
      • 9.3.3 ๋ฒ”์œ„ ์Šฌ๋กฏ
    • 9.4 ๋™์  ์ปดํฌ๋„ŒํŠธ
    • 9.5 ์žฌ๊ท€ ์ปดํฌ๋„ŒํŠธ
  • CHAPTER 10 axios๋ฅผ ์ด์šฉํ•œ ์„œ๋ฒ„ํ†ต์‹ 

    • 10.1 ์„œ๋น„์Šค API ์†Œ๊ฐœ
    • 10.2 axios ๊ธฐ๋Šฅ ํ…Œ์ŠคํŠธ
      • 10.2.1 http ํ”„๋ก์‹œ ์„ค์ •
      • 10.2.2 axios ์‚ฌ์šฉ
      • 10.2.3 axios ์š”์ฒญ ๋ฐฉ๋ฒ•
      • 10.2.4 axios ์‘๋‹ต ํ˜•์‹
      • 10.2.5 ๊ธฐํƒ€ ๋ฉ”์„œ๋“œ
      • 10.2.6 ํŒŒ์ผ ์—…๋กœ๋“œ ์ฒ˜๋ฆฌ
      • 10.2.7. axios ์š”์ฒญ๊ณผ config ์˜ต์…˜
      • 10.2.8 Vue ์ธ์Šคํ„ด์Šค์—์„œ axios ์ด์šฉํ•˜๊ธฐ
      • 10.2.9 axios ์‚ฌ์šฉ ์‹œ ์ฃผ์˜ ์‚ฌํ•ญ
    • 10.3. ์—ฐ๋ฝ์ฒ˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์˜ˆ์ œ
      • 10.3.1 ๊ธฐ์ดˆ ์ž‘์—…
      • 10.3.2 App.vue ์ž‘์„ฑ
      • 10.3.3 ContactList.vue ์ž‘์„ฑ
      • 10.3.4 ์ž…๋ ฅํผ, ์ˆ˜์ •ํผ ์ž‘์„ฑ
      • 10.3.5 ์‚ฌ์ง„ ๋ณ€๊ฒฝํผ ์ž‘์„ฑ
    • 10.4 ์ •๋ฆฌ
  • CHAPTER 11 Vuex๋ฅผ ์ด์šฉํ•œ ์ƒํƒœ ๊ด€๋ฆฌ

    • 11.1 Vuex๋ž€?
    • 11.2 ์ƒํƒœ์™€ ๋ณ€์ด
    • 11.3 ๊ฒŒํ„ฐ
    • 11.4 ์•ก์…˜
    • 11.5 ๋Œ€๊ทœ๋ชจ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์ €์žฅ์†Œ ํŒŒ์ผ
      • 11.5.1 ์—ญํ• ๋ณ„ ๋ถ„๋ฆฌ
      • 11.5.2 ๋ชจ๋“ˆ ์ด์šฉํ•˜๊ธฐ
    • 11.6 Vuex๋ฅผ ์ด์šฉํ•˜๋„๋ก ์—ฐ๋ฝ์ฒ˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ž‘์„ฑ
  • CHAPTER 12 vue-router๋ฅผ ์ด์šฉํ•œ ๋ผ์šฐํŒ…

    • 12.1 vue-router๋ž€?
    • 12.2 vue-router ๊ธฐ์ดˆ
    • 12.3 ๋™์  ๋ผ์šฐํŠธ
    • 12.4 ์ค‘์ฒฉ ๋ผ์šฐํŠธ
    • 12.5 ๋ช…๋ช…๋œ ๋ผ์šฐํŠธ
    • 12.6 ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ฐฉ์‹์˜ ๋ผ์šฐํŒ… ์ œ์–ด
      • 12.6.1 ๋ผ์šฐํ„ฐ ๊ฐ์ฒด์˜ push ๋ฉ”์„œ๋“œ
      • 12.6.2 ๋‚ด๋น„๊ฒŒ์ด์…˜ ๋ณดํ˜ธ
    • 12.7 ๋ผ์šฐํŒ… ๋ชจ๋“œ
    • 12.8 ๋ผ์šฐํŠธ ์ •๋ณด๋ฅผ ์†์„ฑ์œผ๋กœ ์—ฐ๊ฒฐํ•˜๊ธฐ
    • 12.9 ์—ฐ๋ฝ์ฒ˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๋ผ์šฐํŒ… ๊ธฐ๋Šฅ ์ ์šฉ
      • 12.9.1 ์ดˆ๊ธฐ ์„ค์ • ์ž‘์—…
      • 12.9.2 vuex ์ƒํƒœ ๊ด€๋ฆฌ ๊ธฐ๋Šฅ ๋ณ€๊ฒฝ
      • 12.9.3 main.js์— ๋ผ์šฐํŒ… ๊ธฐ๋Šฅ ์ถ”๊ฐ€
      • 12.9.4 App.vue ํŒŒ์ผ ๋ณ€๊ฒฝ
      • 12.9.5 ContactList.vue ์ปดํฌ๋„ŒํŠธ ๋ณ€๊ฒฝ
      • 12.9.6 ContactForm.vue, UpdatePhoto.vue ์ปดํฌ๋„ŒํŠธ ์ˆ˜์ •
    • 12.10 ์ง€์—ฐ ์‹œ๊ฐ„์— ๋Œ€ํ•œ ์ฒ˜๋ฆฌ
      • 12.10.1 API ํ˜ธ์ถœ ์ง€์—ฐ ์‹œ๊ฐ„ ๋ฐœ์ƒ
      • 12.10.2 ์Šคํ”ผ๋„ˆ ์ปดํฌ๋„ŒํŠธ ์ž‘์„ฑ
      • 12.10.3 ์ƒํƒœ์™€ ๋ณ€์ด, ์•ก์…˜ ๋ณ€๊ฒฝ
  • CHAPTER 13 ํŠธ๋žœ์ง€์…˜ ํšจ๊ณผ

    • 13.1 CSS ํŠธ๋žœ์ง€์…˜ ๊ธฐ์ดˆ
    • 13.2 ํŠธ๋žœ์ง€์…˜ ์ปดํฌ๋„ŒํŠธ ๊ธฐ์ดˆ
    • 13.3 CSS ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ฒ˜๋ฆฌ
    • 13.4 ํŠธ๋žœ์ง€์…˜ ์ด๋ฒคํŠธ ํ›…
    • 13.5 ๋ฆฌ์ŠคํŠธ์— ๋Œ€ํ•œ ํŠธ๋žœ์ง€์…˜
    • 13.6 ์—ฐ๋ฝ์ฒ˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ํŠธ๋žœ์ง€์…˜ ์ ์šฉํ•˜๊ธฐ
  • ๋ถ€๋ก A ๋‹จ์œ„ ํ…Œ์ŠคํŠธ

    • A.1 webpack ํ…œํ”Œ๋ฆฟ์„ ์ด์šฉํ•œ ํ…Œ์ŠคํŠธ
      • A.1.1 ๊ธฐ๋ณธ ๊ธฐ๋Šฅ ํ…Œ์ŠคํŠธ
      • A.1.2 Vue ์ปดํฌ๋„ŒํŠธ ํ…Œ์ŠคํŠธ
      • A.1.3 ์ด๋ฒคํŠธ ์‹œ๋ฎฌ๋ ˆ์ด์…˜
    • A.2 Jest๋ฅผ ์ด์šฉํ•œ ํ…Œ์ŠคํŠธ
      • A.2.1 Jest ์„ค์ •
      • A.2.2 ๊ฐ„๋‹จํ•œ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ์ž‘์„ฑ
      • A.2.3 Vue ์ปดํฌ๋„ŒํŠธ์— ๋Œ€ํ•œ ํ…Œ์ŠคํŠธ
  • ๋ถ€๋ก B ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง

    • B.1 ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ๊ณผ ์ดˆ๊ธฐํ™”

๋ฌธ์˜์‚ฌํ•ญ์€ [email protected] ์œผ๋กœ ์—ฐ๋ฝ์ฃผ์„ธ์š”.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 42.3%
  • Vue 30.1%
  • HTML 26.7%
  • CSS 0.9%