λΌμ°ν μ¬μ©μκ° μ μν μ£Όμμ λ°λΌ νμ΄μ§(μ»΄ν¬λνΈ)κ° λ¬λΌμ§λ κ²νμ΄μ§κ° μ΄λλ λλ§λ€ νμ΄μ§ λΈλΌμ°μ μ£Όμλμ Url μ£Όμκ° λ°λλ κ²μ λ³Έ μ μ΄ μμ κ²λλ€.VUEμ κ°μ λ¨μΌ νμ΄μ§ μ΄ν리μΌμ΄μ μ κ²½μ° νμ΄μ§κ° μ΄λν λλ§λ€ μλ²μ μμ²ν΄μ νμ΄μ§λ₯Ό μλ‘ κ°±μ νλ
Vue Project λ₯Ό μν΄μ Node.jsμ npmμ΄ μ€μΉλμ΄ μμ΄μΌν©λλ€.https://nodejs.org/ko/ μμ μμ μ μ΄μ체μ μ λ§κ² Node.js λ₯Ό μ€μΉν©λλ€.κ·Έ ν npmμΌλ‘ vueλ₯Ό μ€μΉν©λλ€.Vue μ€μΉ νμΈ νμλ Vue λͺ λ Ήμ΄μ λΉ λ₯Έ
μ»΄ν¬λνΈview, Data, Codeμ μΈνΈμ»΄ν¬λνΈμ κ°μ₯ ν° νΉμ§μ μ¬μ¬μ©μ΄ κ°λ₯νλ€.νμ΄μ§ μμ²΄μΌ μλ μκ³ , νμ΄μ§ λ΄μ νΉμ κΈ°λ₯ μμμΌ μλ μμ΅λλ€.Vue CLIλ₯Ό μ΄μ©ν΄μ νλ‘μ νΈλ₯Ό μ΅μ΄λ‘ μμ±νμ λ src ν΄λ λ°μ components ν΄λκ° μλ κ²μ
Vue μ»΄ν¬λνΈμμ 쑰건μ λ°λΌ λλλ§νλ λ°©λ²μ v-if λλ ν°λΈμ v-show λλ ν°λΈλ₯Ό μ¬μ©νλ λ°©λ²μ΄ μμ΅λλ€.λ λ€ μ‘°κ±΄μ λ°λΌ μ‘°κ±΄μ΄ λΆν©νλ©΄ νλ©΄μ 보μ΄κ³ , λΆν©νμ§ μμΌλ©΄ μ보μ΄λ μ‘°κ±΄μ± μ»΄ν¬λνΈ μ λλ€.v-ifλ μ‘°κ±΄μ΄ λ§μ‘±λλ μκ° html λΈλ‘μ΄ μ