박재형 / IT 개발 공부

Vue.js 선택한 이유접근성 & 낮은 러닝커브 ( 쉽다 그렇지만 성능이 뛰어나다 )협업에 있어서 약속된 기능들을 사용하기 때문에 코드가 명시적이다. Vue.js 구조SPA - 싱글 페이지 어플리케이션 HTML 파일 body 태그 안에서 보여지는 것들이 유저의 요청에 의해서 바꿔치기 SFC - 싱글 파일 컴포넌트 확장명은 .vue, 하나의 컴포넌트 안에서 HTML, CSS, JS 세가지가 관리됌. Vue.js  개발스타일Options API data, methods, mounted 같은 객체를 사용하여 컴포넌트 로직을 정의하는 개발 스타일 옵션으로 정의된 속성은 컴포넌트 인스턴스를 가리키는 함수 내부의 this에 노출  data 메서드 : 해당 컴포넌트에서 사용될 state, 즉 데이터들을 관리해주는 곳..

vue와 같은 프레임워크는 싱글 페이지 방식 ( Client Side Rendering - 클라이언트 측 렌더링)서버는 데이터만 제공해서 부담이 줄고클라이언트는 페이지 전환이 빨라 상호 보완적인 관계 또, 보통 페이지를 요청하면 서버에서 해당 페이지를 처리하는 라우팅이 필요한데서버에서 이런 역할을 하지 않아서 클라이언트에서 처리해야함   설치 1. node.js - 자바스크립트를 서버측에서 실행 시켜주는 런타임 환경 ( npm )2. npm install -g @vue/cli3. vscode 확장팩  1.  Vue - Official    2. vue 3 snippets 4. vue create 프로젝트명 App.vue에서 코드 시작npm run serve로 프로젝트 실행  프레임워크 문법으로 개발하면 ..