[프론트엔드] 주요 프론트엔드 프레임워크 (개발자 일지1)

프론트엔드 프레임워크는 주로 JavaScript와 관련된 언어를 사용합니다. 하지만 프로젝트와 프레임워크에 따라 추가적으로 HTML, CSS, 그리고 TypeScript 같은 언어도 함께 사용됩니다. 아래에 주요 언어와 그 쓰임새를 정리해 보겠습니다.

프레임워크별 사용하는 언어

프론트엔드 프레임워크는 JavaScript가 기본이며, 프로젝트 규모와 요구사항에 따라 TypeScript 같은 언어가 추가됩니다. HTML과 CSS는 UI를 구성하고 스타일링하는 데 필수적으로 사용됩니다. 프론트엔드 개발자가 되기 위해서는 이 언어들을 잘 다루는 것이 중요합니다. 😊

 

1. React.js

• 누가 만들었나요? 페이스북(현재 Meta)이 개발했어요.
• 왜 유명해요? 한 번 만들어 놓은 화면 조각(컴포넌트)을 여러 곳에서 재사용할 수 있어요.
• 어디서 쓰나요? 페이스북, 인스타그램, 넷플릭스 같은 사이트에서 사용해요.
• 누구에게 적합해요? 초보도 쉽게 배울 수 있고, 다양한 프로젝트에 사용 가능해요.

1. Vue.js
   • 누가 만들었나요? 작은 팀에서 시작했는데 지금은 전 세계적으로 유명해요.
   • 왜 좋나요? 배우기 쉽고 간단한 웹사이트를 빠르게 만들 수 있어요.
   • 어디서 쓰나요? 알리바바 같은 쇼핑몰에서 많이 사용돼요.
   • 누구에게 적합해요? 간단하고 빠른 개발을 원하는 사람들에게 추천해요.

---

1. Angular
   • 누가 만들었나요? 구글이 만들었어요.
   • 왜 특별해요? 화면을 만드는 데 필요한 모든 기능을 한 번에 제공합니다.
   • 어디서 쓰나요? Gmail, 유튜브 같은 복잡한 웹사이트에 사용해요.
   • 누구에게 적합해요? 큰 회사의 대규모 프로젝트를 개발할 때 적합해요.

---

1. Svelte
   • 왜 독특해요? 다른 프레임워크보다 더 빠르고 가벼운 웹사이트를 만들 수 있어요.
   • 어디서 쓰나요? 개인 프로젝트나 빠른 웹사이트에 많이 사용돼요.
   • 누구에게 적합해요? 최신 기술을 써보고 싶은 개발자에게 좋아요.

프레임워크가 왜 필요한가요?

1. 시간 절약:
   • 처음부터 다 만들 필요 없이, 기본 기능이 이미 준비돼 있어요.
2. 효율적 작업:
   • 팀원들과 쉽게 나눠서 작업할 수 있어요.
3. 깔끔한 코드:
   • 복잡한 웹사이트도 잘 정리된 코드로 만들 수 있어요.

어떤 프레임워크를 선택해야 하나요?

• 간단한 웹사이트 → Vue.js
• 대규모 프로젝트 → Angular
• 모든 상황에 적합 → React.js
• 최신 기술과 빠른 성능 → Svelte
• 검색엔진(SEO)이 중요 → Next.js / Nuxt.js