Twitter 부트스트랩과 Angular.js의 실제(또는 숨겨진) 차이점

Twitter 부트스트랩과 Angular.js의 실제(또는 숨겨진) 차이점

이 2개의 프런트 엔드 프레임워크를 비교한 결과, 개발부에 HTML, CSS 및 JS 프런트 엔드를 제공하는 것과 같은 작업을 하고 있는 것 같습니다.

부스트랩:스타일리시하고 직관적이며 강력한 프런트 엔드 프레임워크로 보다 빠르고 쉽게 웹 개발을 할 수 있습니다.(GitHub에서는 53,000개 이상)

Angular.js: AngularJS는 동적 웹 앱을 위한 구조 프레임워크입니다. (GitHub에서 12,000개 별)

시청률은 아무런 의미가 없지만, 제가 조사하지 않은 '빠른' 질문이 아니라는 것을 보여주기 위해 거기에 넣어야겠다고 생각했습니다.

내가 위키피디아를 통해 Angular에 대해 이해한 바로는 프런트엔드 설계/레이아웃/ui를 백엔드에서 완전히 분리하는 것을 목표로 하고 있다.데이터베이스 위치, 웹 서버 위치, 비즈니스 로직 발생 장소.

부트스트랩(JS 사용)에 대해 제가 아는 바로는 이와 같은 것을 실현할 수 있습니다.

각진 부위에는 다음과 같은 내용이 있습니다.

다른 프레임워크는 HTML, CSS 및/또는 JavaScript를 추상화하거나 DOM을 조작하기 위한 필수 방법을 제공함으로써 HTML의 단점에 대처합니다.어느 쪽도 HTML이 동적 뷰용으로 설계되지 않은 근본적인 문제는 해결하지 않습니다.

지금 나는 그들이 백본이나 부트스트랩 같은 것을 향해 총을 쏘고 있는지는 잘 모르겠지만(그리고 당신이 쉽게 기분이 상했다면, 그 총의 코멘트는 무시하라), 나는 단지 그 둘 사이에 어떤 진짜와 진실한 차이가 있는지 이해할 수 없다.

DOM에 대한 고급 정보나 JS 또는 HTML의 몇 가지 다른 몇 가지 다른 몇 가지 분/소요한 측면이 있을 수 있지만, 저는 잘 모르겠습니다.

추신. 이와 같은 SOF 질문은 존재하지 않으며 블로그에서도 이에 대해 언급하지 않습니다(매우 낮은 순위를 매기거나 잘못된 방식으로 질문하는 경우를 제외하고).

또, 부트스트랩의 각도에서 각도로의 이동에 임하고 있는 사람도 있습니다.

편집: 생각해 보니 부트스트랩은 화면 뷰에 따라 크기 조정 옵션을 제공하고 있는 것을 알 수 있었습니다만, 각도가 대응하고 있는지는 잘 모르겠습니다.그렇지 않다면, 그게 유일한 차이점인가요?

부트스트랩은 쉽고 아름답게 보이는 컴포넌트와 반응성이 뛰어난 설계를 구축하기 위한 설계 프레임워크입니다.또한 기본 js 컴포넌트를 갖추고 있어 HTML 설계 규칙에 익숙하지 않은 백엔드 개발자의 삶을 쉽게 만듭니다.

따라서 css를 삽입하고 예를 확인하여 프로젝트에 복제하기만 하면 됩니다.이것이 부트스트랩의 주요 흐름입니다.

Angular는 복잡한 웹 앱을 구축하기 위한 JS 프레임워크입니다.Backbone, Ember Js와 일치합니다.

폼의 간단한 예를 들어 Submit에서 Ajax 콜을 발신합니다.Bootstrap CSS를 사용하여 폼을 아름답게 만들 수 있지만 javascript 또는 이 경우 angular를 사용하여 Ajax 콜을 발신하고 필요한 기능을 수행해야 합니다.

이것들은 웹 앱과 밀접하게 관련되어 있어 경쟁 상대가 아닙니다.

부트스트랩과 각도JS는 매우 다른 두 개의 프레임워크입니다.

SO 태그 정보에서

트위터 부트스트랩

부트스트랩은 웹앱과 사이트의 개발을 시작하도록 설계된 Twitter의 프런트 엔드 프레임워크입니다.그 중에서도, 타이포그래피, 아이콘, 폼, 버튼, 테이블, 레이아웃 그리드, 커스텀 빌드된 jQuery 플러그인과 함께 네비게이션 및 응답형 레이아웃을 지원하는 기본 CSS 및 HTML이 포함됩니다.

각도 JS

AngularJS는 CRUD 중심 AJAX 스타일의 웹 애플리케이션을 구축하기 위한 오픈 소스 JavaScript 프레임워크입니다.그것의 목표는 HTML 어휘를 동적 웹 앱을 구축하는 데 유용한 지침으로 증가시키기 위해 브라우저를 심하는 것이다.

Angular에는 양방향 데이터 바인딩, DOM 제어 및 롤링, 코드 배후의 DOM, 폼 검증 및 딥 링크가 추가되는 디렉티브가 포함되어 있습니다.

부트스트랩(JS 사용)에 대해 제가 아는 바로는 이와 같은 것을 실현할 수 있습니다.

부트스트랩에서는 같은 것을 실현할 수 없습니다.각진JS는 양방향 데이터 바인딩, 딥 링크, 라우팅, 전환 애니메이션 등의 기능을 제공합니다.여기서 부트스트랩은 커스텀 jquery 기반의 플러그인, 쿨 룩 앤 필, 미디어 쿼리용 css 클래스 등을 제공합니다.angular는 다른 라이브러리와 함께 사용할 수 있어 멋집니다.

Angular & Bootstrap 우선 Angular와 Bootstrap은 대체품이 아니라 무료입니다.서로 치환되는 것이 아니라 서로 결합하고 보완할 수 있다는 뜻입니다.즉, 웹 애플리케이션의 다양한 측면을 처리합니다.그러므로, 그들은 어떤 의미에서도 비교할 수 없다.그러나 이들 사이의 차이와 유사성은 다음 글머리 기호로 나타낼 수 있다.

Angular가 뭐죠?

• 구글에 의해 개발되고 유지되는
• 포괄적인 클라이언트 측(프랜드 엔드) JavaScript 프레임워크
• 야심찬 JavaScript 단일 페이지 애플리케이션용으로 제작
• 응용 프로그램을 구성하고 프로젝트를 구성하기 위한 구성 요소 세트를 제공합니다.
• 모듈, 명령어, 데이터 바인딩 형태로 깔끔하게 포장된 프론트 엔드의 논리층

앵글이 아닌 게 뭐야?

• CSS 스타일, 그리드 클래스 또는 JavaScript 컴포넌트(모달, 탭, 네비게이션바, 드롭다운메뉴 등)를 제공하지 않음

부트스트랩이란

• Twitter에 의해 개발되어 현재 오픈 소스 제공
• 잘 구성된 CSS 스타일, 그리드 클래스 및 JavaScript 컴포넌트 세트는 애니메이션을 지원하며 보기 좋은 위젯을 만듭니다(그렇지 않으면 직접 작성해야 합니다).
• 커스터마이즈나 개발 노력을 많이 들이지 않고 소규모 프로젝트에 적합한 반응성 설계를 쉽게 구축할 수 있습니다.

부트스트랩이 아닌 것은?

• 응용 프로그램에 구조를 제공하지 않음
• 공통 기능(라우팅, 컨트롤러 및 모델, MV* 아키텍처 등)을 제공하지 않음

공통(각도와 부트스트랩)

• 프렌드 엔드 프레임워크
• 방대한 오픈 소스 지원
• 개발을 고정하기 위한 일련의 사전 정의된 구성 요소가 부속되어 있다.

대비(각도 대 부트스트랩)

• JS(구조) 프레임워크와 CSS(테마링) 프레임워크
• 논리 vs 스타일과의 거래 처리
• 견고한 프레임워크 대 소규모 프레임워크
• 단일 페이지 애플리케이션용과 모든 구조용과의 비교

@tony Puthenveet to addition (그리고 그것을 5000피트 높이로 가져가기)까지 훌륭한 대답입니다.귀사의 웹 사이트를 실제 부서별 스토어로 가정해 보겠습니다.백화점의 설계는 다음과 같은 주요 분야에 걸쳐야 합니다.

1. 가게를 다양한 섹션으로 구분하는 방법: a. 우유와 아침 b. 칩과 choclates c. cerrels, 그리고 통음식 d. 고기와 닭고기 등

2. 각 섹션의 레이아웃을 작성하려면 어떻게 해야 합니까?

여러분 중 일부는 왜 우리가 당신의 가게를 구획할 필요가 있다고 생각할지 모르지만요.하지만 결국, 매우 중요합니다.왜냐하면 물건을 관리하고 관리하는 것이 훨씬 더 쉬울 것이기 때문입니다.

상점에 순서가 없고 다른 품목이 다른 지역에 배치되어 있다고 상상해 보십시오.

예를 들어 초콜릿 옆에 고기 냉장고가 있습니다.이상하죠? 관리 및 유지보수가 어렵습니다.네!

그래서 우리는 당신의 다양한 섹션들을 구분해야 합니다.

이제 각 섹션의 모양에 대해 살펴보겠습니다.당신은 고기와는 다른 메시지와 초콜릿을 정리할 때 다른 모습을 넣는 것이 좋을지도 모른다.당신의 고기 코너는 큰 냉장고가 있는 반면, 초콜릿 코너에는 열린 쟁반이 있을 수 있습니다!

따라서 Angular가 지원하는 것은 구획의 작성과 유지입니다.냉장고나 오픈 트레이가 바로 부트스트랩이에요!

언급URL : https://stackoverflow.com/questions/17779787/the-real-or-hidden-difference-s-between-twitter-bootstrap-and-angular-js