[vue 프로젝트] vue? why?

adc0612·2022년 3월 1일
0

vue 프로젝트 기록

목록 보기
1/5

들어가며

Vue를 처음에 선택한 이유는 단순했다.
구조가 보기 좋게 Template, script, style로 나눠져 있어서 친숙했고 공부했던 인터넷 강의가 맘에 들었고 강의에서 vue를 사용하고 있었다.
(다른 프레임워크와 비교해보면 vue의 코드가 한 눈에 들어오는 것을 느낄 수 있다.)
프로젝트 진행하면서 vue를 선택한 이유와 단점을 말하고 싶다.

why vue?

러닝 커브가 낮다.

처음 입문 할 때 많이 느꼈다.
React와 비교하면 순수 js가 아니여서 html, css, js를 공부하다 오면 입문하기 쉽다.
vue의 공식사이트도 한국어 번역이 잘 되어 있다.
다른 라이브러리 (vuex, vue-router 등)도 한국어 번역이 꽤 잘 되어있다.

표현할 문법이 정해져있다.

React는 코드짜는 법이 자유롭다. 배열에 html코드를 담던가 함수로 코드를 return하고 프로그래밍적으로 개발 할 수 있다.
vue는 어느정도 배정이 되어있다. conditional문에는 html안에 'v-if' 반복문에는 'v-for' 등 고민 안 하고 사용 할 수 있다. (무조건이 아니기 때문에 다르게 표현 할 수도 있음)
처음 배우는 입장에는 수학공식처럼 어느정도 길이 정해져 있는 것이 더 좋다고 느껴졌다.



출처: https://codingapple.com/unit/why-use-vue-over-react

컴포넌트

vue 파일 하나에 html, css, js를 작성할 수 있다.

<template lang="html"> 
	<div> {{ msg }} </div> 
</template> 

<script> 
	export default { 
    	data () {
        	return { 
            	msg: "Hello World" 
            } 
          } 
       } 
</script> 

<style scoped> </style>

프로젝트하며 느꼈던 점은 component를 작은 단위로 쪼갠 후 다른 component에서 불러와 사용할 때 작은 부분을 나눌수록 힘든다는 것을 느끼고 있다.
(글로는 잘 설명이 안된다... 나중에 한 번 기록해보겠다!)

0개의 댓글