안녕하세요 시리즈

안녕하세요 Vue.js 입니다.(탄생부터 현재까지: 역사, 핵심 개념, 그리고 철학)

maravilloso 2023. 5. 23. 18:10
728x90

Vue.js의 탄생과 발전

Vue.js는 Evan You가 2014년에 개발하였습니다. 그전에 Evan은 구글에서 AngularJS 프로젝트에 참여한 경험이 있었는데, 이 경험에서 영감을 받아 더 가벼운 프레임워크를 만들고자 했고 이로부터 Vue.js가 탄생하게 되었습니다. Vue.js의 초기 버전은 직관적이고 빠른 개발을 가능하게 하는 것을 목표로 했습니다.

Vue.js는 그 이후로도 계속 발전하였고, 2016년에 Vue.js 2.0가 출시되었습니다. 이 버전에서는 가상 DOM과 서버 사이드 렌더링 같은 개념들이 도입되었으며, React와 Angular와 같은 다른 주요 프레임워크의 일부 기능을 채택했습니다. 그 결과, 성능이 향상되고 더 많은 기능을 제공하게 되었습니다. 

 

관상이 진짜 참 개발자네

 

2020년에는 Vue.js 3.0가 출시되었는데, 이는 TypeScript를 사용하여 처음부터 다시 작성된 것이었습니다. Vue.js 3.0은 Composition API와 같은 새로운 기능들을 제공하면서, 성능 개선과 코드의 가독성 및 재사용성 향상에 초점을 맞추었습니다.


Vue.js의 핵심 개념

Vue.js는 몇 가지 핵심 개념을 가지고 있습니다:

1. 선언적 렌더링 : Vue.js는 데이터와 DOM을 쉽게 연결할 수 있는 선언적 렌더링을 지원합니다. 이는 데이터의 상태가 변경되면 자동으로 DOM이 업데이트되는 것을 의미합니다.

2. 컴포넌트 시스템 : Vue.js는 재사용 가능한 컴포넌트를 만드는 것을 지원하며, 이를 통해 UI를 구성하고 관리할 수 있습니다.

3. 지시자 :  Vue.js는 `v-if`, `v-for`, `v-bind`, `v-on` 등과 같은 지시자를 제공하여 DOM의 동작을 제어할 수 있습니다.

4. **Vue Router와 Vuex**: Vue.js는 Vue Router를 통해 SPA(Single Page Application)를 쉽게 만들 수 있도록 지원하며, Vuex를 통해 애플리케이션의 상태 관리를 제공합니다.

5. **Vue CLI와 Vue Devtools**: Vue.js는 Vue CLI를 통해 프로젝트를 쉽게 시작할 수 있게 하며, Vue Devtools를

 통해 애플리케이션을 디버깅하고 테스트할 수 있습니다.


Vue.js의 철학

Vue.js의 핵심 철학은 점진적인 프레임워크 입니다. 이는 Vue.js가 작은 규모의 프로젝트에서 시작하여, 필요에 따라 점차적으로 복잡성을 추가할 수 있는 유연성을 가지고 있다는 것을 의미합니다. 개발자들은 애플리케이션의 규모와 복잡성에 따라 필요한 기능과 도구를 선택할 수 있습니다.

또한 Vue.js는 사용자 친화적인 프레임워크를 목표로 합니다. API는 직관적이며 문서화가 잘 되어 있어, 개발자들이 쉽게 배우고 사용할 수 있습니다. 이러한 접근성은 Vue.js가 넓은 개발자 커뮤니티를 확보하고, 빠르게 성장하게 된 원동력 중 하나입니다.

이 모든 것들은 Vue.js를 현대적인 프런트엔드 개발의 중요한 도구로 만들어 주었습니다. 그 결과, Vue.js는 전세계적으로 많은 개발자들과 기업들에게 선택받는 프레임워크가 되었습니다.