Angular vs React | 애플리케이션 진입점에 대해서

---

Angular의 index.ts

• Angular 프로젝트에서 index.ts 파일은 애플리케이션의 진입점 (entry point)로서 사용된다.
• Angular 모듈을 로드하고, 애플리케이션을 부트스트랩 하는 역할을 한다.
• platformBrowserDynamic() 을 사용하여 브라우저에 동적으로 Angular 프로젝트를 부트스트랩 하고, AppModule을 로드한다.

// index.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));

---

React의 app.tsx

• React에서 app.js 또는 app.tsx 파일로 주요 컴포넌트들을 정의한다.
• JSX 문법을 사용하여 UI 를 작성하고, TypeScript를 사용하는 경우 파일 확장자는 .tsx를 사용한다.
• ReactDOM.render()를 사용하여 App 컴포넌트를 루트 컴포넌트에 렌더링 한다.
• ReactDOM을 통해 DOM에 렌더링 하는 것이 특징이다.

// app.tsx

import * as React from 'react';
import * as ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(<App />, document.getElementById('root') as HTMLElement);