Vue.js 입문자를 위한 안내서 A-Z까지(ing)

osohyun0224·2023년 3월 3일
0

Vue.js 탐험기

목록 보기
7/9
post-thumbnail

안녕하세요, 주인장입니다.
저는 그동안 벨로그를 미뤄뒀는데요...^^ 리액트는 공부하는 과정 그동안 아무것도 안 썼는데...하하하 미래의 제가 차근차근 쓰겠죠,,, ㅎㅎ 암튼 오늘은 저와 프로젝트를 함께하는 프론트엔드 개발자들을 위해 제가 사용하고 있는 프론트 프레임워크 뷰에 대해 입문안내서를 작성해보려고 이렇게 벨로그를 열었습니다.

먼저 뷰는, 개인적으로 리액트보단 쉽고(코드가 훨씬 간결해요) 프론트 입문 프레임워크로 좋은 것 같습니다. 또한 앵귤러의 데이터 바인딩 작업과 리액트의 가상 돔 기능을 가지고 있는 최신 프레임워크입니다. 저도 이 양반보단 리액트를 먼저 배우긴 했는데 입문자들을 위해 쉽게 말하면 약간 돌아가는 구조가 같아서 생각보다 빠르게 창업동아리 뷰 프로젝트에 투입된 것 같습니다. 암튼 시작부터 함께 해볼까요?

📌 Install Vue.js!

  1. Visual Studio Code 설치
  2. node.js 설치
  3. npm 설치

이건 다들 하셨겠죠? 넘어갑니다.

  1. 뷰 개발에 유용한 vsc 확장프로그램 추천드림
    1) Vetur : 얘는 솔직히 뷰 할때는 필수예요 코드 완전 깔끔하게 보여줍니다. 색깔 다르게 보여줘서 훨씬 코드 가독성이 올라갑니다. 쌩 뷰 코드는 텍스트로만 보여줘서 한눈에 안들어왔음 ;;
    2) Prettier : 뷰 구현할 때 코드 포맷을 지정한 상태로 보여줘요! 제 지난 타입스크립트 벨로그 글에도 prettier 글 있는데 거기는 리액트라 좀 다르긴 해도 기능은 동일하답니다
profile
Garden / Junior Frontend Developer

0개의 댓글