일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- thymeleaf
- Repository
- Singleton
- BEAN
- js
- 프로토타입
- dependency injection
- Java
- 라이프 사이클
- 의존성 주입
- di
- cache
- Excel
- 로그인
- vue-cli
- Stateless
- Setter
- Security
- HTTP
- Kotlin
- Vue.js
- javascript
- vuex
- HTTP 메서드
- JPA
- DB
- 캐시
- VUE
- 싱글톤
- Spring
- Today
- Total
jhhan의 블로그
vue.js 다시 시작해보기 본문
Vanilla JS에 대해서 익히고 난 후
고민을 (조금) 해본 후 내린 결론은
일단은 Vue.js를 공부해보자 였다.
그 이유로는
1. 현재 하는 일이 백엔드보다는 프론트엔드를 훨씬 많이 다루기 때문이다.
물론 그렇다고 Vue.js처럼 3대장 프론트엔드를 사용하는 것도 아니지만
지금은 프론트엔드를 사용해서 일을 하고 있으니, 같은 프론트엔드를 공부해놓으면 조금이라도 도움이 되지 않을까 싶어서이다.
2. 예전에 Vue.js를 사용했기 때문이다.
예전에 잠깐이나마 (야매로) Vue를 사용한 경험때문에 그런지 Vue를 공부하는 것이 나쁘다고는 생각하지 않는다.
물론 내가 프론트엔드를 더 사용하지 않는다면 시간낭비가 될 수도 있을 것이다.
3. 현재 무슨 공부를 해야할 지 모르겠어서 일단은 Vue를 공부해보기로 했다.
아마 이 결정을 나중에 가서 후회할 지도 모르지만, 일단은 Vue를 공부해보는 것이 좋다고 생각한다.
그리고 결정적으로, 이전에 Vue를 사용할 때는 기초만 아주 조금 공부하고 그때그때 알아가면서 공부했기 때문에,
이렇게 제대로 공부해보는 것도 나쁘지 않다는 생각을 한다.
그리고 Vue.js강의는 '코딩애플'이라는 곳에서 들어보기로 했다.
(유튜브에 검색해보면 나옴 + 사이트도 따로 있음)
이건 순전히 내 결정이다.(광고 X)
그리고 코딩애플의 Vue강의는 유료다.(그래도 초반 맛보기 강의 존재)
(NomadCoders에 Vue강의가 없는 것이 아쉽다.)
Vue.js를 왜 쓰는지 알아보자
먼저 Vue를 포함하는 3대장 프론트엔드 라이브러리들은
Web-App을 제작할 때 사용한다.
(Web-App은 페이지가 새로고침되지 않고 부드럽게 전환되는 사이트를 의미함.)
그러면 3대장 프론트엔드 중 Vue를 왜 쓰는 것일까
1. 배우기 쉽다.
3대장 프론트엔드 중 Vue가 가장 배우기 쉽다고 합니다.
2. 코딩 방법이 정해져 있다.
예시) 반복문, 조건문 같은 경우 → v-for, v-if만 알고 있으면 해결 가능
반면 리액트의 경우에는 반복문, 조건문 같은 것들을 구현하는 방법이 여러가지가 있다고 합니다.
3. html 렌더링이 빠르다.
이건 3대장 프론트엔드들의 장점이기는 한데.. Vue가 React에 비해 빠르다는 결과가 많다고 합니다.
궁금하다면 직접 찾아보길 바랍니다.
4. 지원이 꾸준하다.
Vue.js 3까지 나왔고, 계속해서 업데이트가 이루어지기 때문..
(근데 이것은 3대장 프론트엔드들의 공통된 특징일 것 같다.)
[ 이 내용들은 유튜브 - 코딩애플 Vue 영상에서 쉽게 찾아볼 수 있습니다. ]
아마 계속해서 Vue 공부 내용을 조금씩 올릴 것 같다.
출처: 코딩애플 - 인스타그램을 만들어 배워보는 Vue.js 3 완벽 가이드
'Vue.js' 카테고리의 다른 글
Vue.js - vue router (0) | 2022.09.04 |
---|---|
Vue.js - 새로 알게 된 내용들 정리 (0) | 2022.08.30 |
package-lock.json 이란? (0) | 2021.02.21 |
Vue.js - Excel Download 바로 처리하기 (3) | 2021.02.14 |
ESLint Error 혹은 Warning 관련 (0) | 2020.11.19 |