일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 회고
- 2023 회고
- style-dictionary
- nextjs
- react
- 2021년
- 프로그래밍
- compound component
- c#
- 2020년
- 개발자
- 2024 계획
- 24년 계획
- frontend
- 23년 회고
- typescript
- front
- javascript
- design-system
- design system
- design
- 뇌를자극하는C#
- css framework
- side-project
- 디자인 토큰
- webpack to vite
- design token
- component
- 다짐
- vite
- Today
- Total
목록Front-end/Vue.js (2)
개탕 IT FACTORY
Vue.js는 무엇인가라는것에 대해 전 포스팅에서 간략히 다루어보았습니다 오늘은 앞서 말씀드린 컴포넌트에 대해서 알아볼까합니다 컴포넌트 컴포넌트는 화면을 구성할 수 있는 블록을 의미합니다. 저는 이구조가 트리구조를 닮아서 트리구조로 생각하면서 외웠습니다 아래 두 사진을 보시면 이해하기가 쉬우실겁니다 일반 웹구조를 표현 컴포넌트로 웹구조 표현 모든것 내비게이션바,인풋박스,리스트 등의 화면 구성 요소를 잘게 쪼개어 컴포넌트로 관리하는 것입니다 이렇게 각각의 요소를 따로 쪼개면 좋은점이 있나요? 라고 생각하실텐데 네 있습니다. 실무에서 협업할시 일의 능률이나 효율면에서도 좋고 버그나 웹사이트 장애 등을 고칠때도 특정 컴포넌트에서 고치면 되기 때문에 효율적입니다.
Vue.js란 Vue(/vjuː/ 로 발음, view 와 발음이 같습니다.)는 사용자 인터페이스를 만들기 위한 진보적인 프레임워크 입니다. 다른 단일형 프레임워크와 달리 Vue는 점진적으로 채택할 수 있도록 설계하였습니다. 핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽습니다. 그리고 Vue는 현대적 도구 및 지원하는 라이브러리와 함께 사용한다면 정교한 단일 페이지 응용프로그램을 완벽하게 지원할 수 있습니다.숙련된 프론트엔드 개발자이고 Vue를 다른 라이브러리/프레임워크와 비교하고 싶다면 다른 프레임워크와의 비교를 확인하십시오.-Vuejs 공식문서(https://kr.vuejs.org/v2/guide/index.html)에 나와있는 내용입니다.특히나 Vue..