차근차근/JAVA Script

[Vue.js] Vue.js란 (1)

예쁜꽃이피었으면 2021. 12. 3. 11:48

 

더보기

일단 나는..개발공백이 4년이 있는 백엔드 개발자이다.

서버나 디비를 만들고 운영도 했었지만

백엔드는 스프링이었고 

화면단은 jsp였다.

 

공백기 동안 vue.js를 배웠는데..경험해봤는데..

배운 그대로 
비주얼 스튜디오를 설치하고 뷰티파이를 통해서만 개발을 해야 한다고 생각했었다.

 

다시 일을 하게 되었는데

jsp안에 vue가 있는 것을 보았다.. 왜 이 생각을 못했지..하는 생각과 동시에

내 공백이 너무 길었구나 하는 생각이 들었다..

잠깐 찾아보니..jsp에서 vue를 쓰는 것조차 트랜드가 아니라고 말하고 있는 것 같다.

언제 따라 잡을 수 있을까..

 

vue.js 에 대해 정리를 하고 싶었는데.

이 블로그에 글을 쓸 때 자바스크립트 메뉴를 선택해야 하는건지

vue.js메뉴를 따로 만들어야 하는건지..조차 정리가 되지 않았다.

1. 내가 이해한 바로는..

  js프레임워크 UI구성라이브러리
JavaScript vue.js Quasar
Vuetify
Bootstrap Vue
vue.js  
React  
Angular.js  
Ember  
Nust.js  

- 종류야 더 있겠지만..일단 이 정도

- Bootstrap과 Bootstrap Vue 차이

  Bootstrap Vue은 뷰전용으로 쓸 수 있게 부트스트랩을 만든 것이고 , 

  Bootstrap 은 jQuery기반의 오픈소스 프레임워크이다.

https://sang12.co.kr/238/Bootstrap-vue%EC%99%80-Bootstrap%EC%9D%98-%EC%B0%A8%EC%9D%B4

https://stackoverflow.com/questions/50127800/comparison-between-bootstrap-vue-and-bootstrap-4

 

 

더보기

[ 자바스크립트 프레임 워크 종류]

https://balmostory.tistory.com/166

 

[ vue.js ]

https://wikidocs.net/17701

 

3. Vue.js란?

[TOC] ## 소개 Evan You가 만들었으며, 2014년 릴리즈를 시작으로 꾸준히 발전하고 있는 자바스크립트 프레임워크입니다. 컨트롤러 대신 뷰 모델을 ...

wikidocs.net

https://v3.ko.vuejs.org/guide/introduction.html#vue-js%E1%84%80%E1%85%A1-%E1%84%86%E1%85%AE%E1%84%8B%E1%85%A5%E1%86%BA%E1%84%8B%E1%85%B5%E1%86%AB%E1%84%80%E1%85%A1%E1%84%8B%E1%85%AD

 

시작하기 | Vue.js

시작하기 NOTE 이미 Vue 2를 알고 있고 Vue 3의 새로운 점을 배우고 싶으신가요? Migration Guide를 확인하세요! Vue.js가 무엇인가요? Vue(/vjuː/ 로 발음, view 와 발음이 같습니다.)는 사용자 인터페이스를

v3.ko.vuejs.org

 

[ Vue.js에 적합한 UI라이브러리 ]

https://docker.apachezone.com/blog/141

 

Quasar vs. Vutify vs. Bootstrap Vue: Choosing the Right Vue.js UI Library > 블로그(Blog) | 도커 아파치존

사이트 정보 개인적인 블로그 사이트입니다. 주소 : OO도 OO시 OO구 OO동 123-45 사업자 등록번호 : 123-45-67890 전화 : 02-123-4567 팩스 : 02-123-4568 통신판매업신고번호 : 제 OO구 - 123호 개인정보관리책임자

docker.apachezone.com

https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=yspa1109&logNo=221482441838 

 

vue와 함께 사용하기 좋은 프론트엔드 3대장

저는 최근에 최신의 기술을 이용한 SPA(Single Page Application) 웹 애플리케이션 개발을 위해 vue...

blog.naver.com

[ 부트스트랩 ] 

https://getbootstrap.com/docs/5.1/getting-started/introduction/
https://ict-nroo.tistory.com/21

 

Introduction

Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page.

getbootstrap.com

 

[Bootstrap] 부트스트랩이란?

■부트스트랩 탄생배경  웹 페이지의 개발이 진행 될 때, 개발자의 취향에 따라 도구도 다르고 자신만의 라이브러리를 사용하기도 해서 보통은 개발 시작전에 어느정도의 표준을 정해놓고 작

ict-nroo.tistory.com

 

 

 


[ node.js는.. ]

더보기

https://velog.io/@leyuri/Vue.js-%EC%86%8C%EA%B0%9C 

 

Vue.js - Vue.js란 무엇인가?

리액트와 앵귤러를 잠깐씩만 건들여보았던 나는 vue.js도 궁금해졌다. 그래서 공부해보기로 함 😶Vue.js란 무엇인가?웹 페이지 화면을 개발하기 위한 프런트엔드 프레임워크Vue.js의 역사 뷰의 창

velog.io

 

[❗]
node.js는 윈도우, 맥, 리눅스 등 다양한 플랫폼에서 서버 사이드(Server-side) 자바스크립트 코드를 실행할 수 있는 실행환경.
초창기 javascript는 간단한 작업 처리 용도였으나 node.js 로 인해 웹 뿐만 아니라 서버 사이드, 사물인터넷 등에도 활용되어지고 있다.

서버 사이드 : 웹 화면과 관계된 서버 로직을 처리하는 영역


[참조]

https://docker.apachezone.com/blog/141

 

Quasar vs. Vutify vs. Bootstrap Vue: Choosing the Right Vue.js UI Library > 블로그(Blog) | 도커 아파치존

사이트 정보 개인적인 블로그 사이트입니다. 주소 : OO도 OO시 OO구 OO동 123-45 사업자 등록번호 : 123-45-67890 전화 : 02-123-4567 팩스 : 02-123-4568 통신판매업신고번호 : 제 OO구 - 123호 개인정보관리책임자

docker.apachezone.com

 

 

Vuetify를 사용하고 싶다면 이걸보자.

https://cntechsystems.tistory.com/100

 

Vue.js 란?

안녕하세요 씨앤텍 시스템즈의 김준형 입니다. 이번 포스트는 Vue.js에 대해 정리 해 보았습니다. Vue.js 는 구글 크리에이티브 랩스(Google Creative Laps)에서 근무하던 에번 유가 개발했습니다. 같은

cntechsystems.tistory.com

 

반응형