From 8b5b5689526bcab53205a3426f18ea976755b6da Mon Sep 17 00:00:00 2001 From: Lee Seung Jin Date: Thu, 25 Jul 2024 23:48:46 +0900 Subject: [PATCH] =?UTF-8?q?Vue=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _posts/nuxt/2024-07-25-creatednuxt.md | 28 +++++++++++ _posts/vue/2024-07-25-startVue.md | 68 ++++++++++++++++++++++++++ images/backgrounds/nuxt.png | Bin 0 -> 19463 bytes images/backgrounds/vue.png | Bin 0 -> 7082 bytes 4 files changed, 96 insertions(+) create mode 100644 _posts/nuxt/2024-07-25-creatednuxt.md create mode 100644 _posts/vue/2024-07-25-startVue.md create mode 100644 images/backgrounds/nuxt.png create mode 100644 images/backgrounds/vue.png diff --git a/_posts/nuxt/2024-07-25-creatednuxt.md b/_posts/nuxt/2024-07-25-creatednuxt.md new file mode 100644 index 0000000..cf654f4 --- /dev/null +++ b/_posts/nuxt/2024-07-25-creatednuxt.md @@ -0,0 +1,28 @@ +--- +title: '[ Nuxt.js ] Nuxt.JS' +author: +categories: [ Nuxt.js ] +tags: [ Nuxt.js ] +math: true +toc: true +mermaid: true +image: /images/backgrounds/nuxt.png +--- + +### 새로운 프로젝트 생성 + +```javascript +// npm +npx nuxi@latest init + +// yarn +yarn dlx nuxi@latest init + +``` + +작년에 취업을 하면서 회사에서 `React.JS` 와 `Next.js`로 여러 프로젝트를 진행했었는데, +몇 개월 전부터 다른 프로젝트에 투입이 되면서 `Vue.js`를 처음 접하게 되었습니다. +막상 시작하기 전에는 Vue를 별로 좋아하는 편이 아니었었는데 막상 `Vue3`를 써보니 +생각보다 편하고 `생산성에서는 리엑트보다 빠르고 안정적인` 느낌까지 받았습니다. + +특히 `v-if`,`v-for`,`ref`,`reactive` 등 Vue의 기능등이 너무 편했고 \ No newline at end of file diff --git a/_posts/vue/2024-07-25-startVue.md b/_posts/vue/2024-07-25-startVue.md new file mode 100644 index 0000000..1f4f49f --- /dev/null +++ b/_posts/vue/2024-07-25-startVue.md @@ -0,0 +1,68 @@ +--- +title: '[ Vue.JS ] Vue.JS' +author: +categories: [ Vue.JS ] +tags: [ Vue.JS ] +math: true +toc: true +mermaid: true +image: /images/backgrounds/vue.png +--- + +### 새로운 프로젝트 생성 + +```javascript +// npm +npx nuxi@latest init + +// yarn +yarn dlx nuxi@latest init + +``` + +작년에 취업을 하면서 회사에서 `React.JS`와 `Next.JS`로 여러 프로젝트를 진행했었는데, +몇 개월 전부터 다른 프로젝트에 투입되면서 `Vue.JS`를 처음 접하게 되었습니다. +막상 시작하기 전에는 Vue를 별로 좋아하지 않았었는데 막상 `Vue3`를 써보니 +생각보다 편하고 `생산성에서는 리액트보다 빠르고 안정적인` 느낌까지 받았습니다. + +특히 `v-if`, `v-for`, `ref`, `reactive` 등 Vue의 기능들이 너무 편했으며 +특히 `v-for`과 `v-if`는 진짜 편리했습니다. + +`v-for`과 `v-if` 사용법을 `React.JS`와 비교해보면 + +#### React.JS + +```jsx +const Test = () => { + const arr = [1,2,3,4,5] + + return ( +
+ {arr.map((num) => { + return
{num}
+ })} +
+ ) +} +``` + +#### Vue.JS + +```vue +