일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- security
- 백엔드
- 백엔드개발자
- 리액트
- JS
- 큐넷
- JavaScript
- Node.js
- 웹개발자
- 타입스크립트
- spring boot
- 자바스크립트
- JWT
- TypeScript
- 정보처리기사
- Front-End
- React
- useState
- TS
- frontend
- spring boot security
- 스프링부트
- spring
- It
- 프론트엔드
- 정보처리기사 실기
- Redux
- VUE
- 수제비
- Authentication
- Today
- Total
목록Front-end/react.js(리액트) vs Vue.js(뷰) (2)
솔적솔적
목표 1. 개발환경 셋팅 2. Vue 프로젝트 생성 1. node.js 부터 설치 2. 최신버전이 아니면 에러가 날 수 있기 때문에 가능하면 최신버전으로 다운받아놓기 3. vsCode 에디터 설치 에디터설치가 완료된다면 터미널을 열어서 npm install -g @vue/cli 4. 에디터 부가기능 설치 - vetur 설치 - html css support - Vue 3 Snippets 개발환경 셋팅 끝! 근데 만약 터미널에 빨간에러가 뜬다면 "허가되지 않은 스크립트 입니다~" 그런 에러가 뜨는 경우 => 윈도우 검색메뉴 - Powershell 검색 - 우클릭 - 관리자 권한으로 실행 후 Set-ExecutionPolicy Unrestricted입력해보기
뷰말고도 리액트, 앵귤러도 똑같이 웹앱을 만들 수 있다. 리액트를 사용하는 개발자가 많은데 왜 뷰를 사용할까? 1. 쉽다.. 뷰.js를 쓰는 이유는 쉽다는 것. 그러면 기능이 떨어지는 거아니냐? 아니다. 다 똑같은 결과물을 낼 수 있고 그 만드는 과정이 쉽다는 것이다. React의 state변경, for변경, if 사용들을 보면 알 수 있다. 2. 개발할 때 방법이 정해져있다는 것 HTML을 내가 반복적으로 여러개 생성하고 싶다면? 리액트로는 map을 사용할지, forEach를 사용할지, 그냥 일반 for을 사용할지 반복문을 컴포넌트 render()바깥에서 사용할지 안에서 사용할지 자율적으로 판단하여 사용할 수 있다. vue.js는 그렇지 않다. html 여러개를 생성하고 싶다면 이 v-for만 사용하면..