또 다른 Angular 기사, 1부

야, 그거 알아? 저는 Angular를 사용하고 있는데 마음에 듭니다.

제 이름은 Benjamin Richard이고 2000년부터 웹 업계에 종사하고 있습니다. 지금부터 꽤 오랜 시간이 걸렸습니다. 저는 대부분 MVC 패턴을 사용하여 PHP, Java 또는 .Net으로 백엔드 작업을 했습니다. MySQL, PostgreSQL뿐만 아니라 Oracle DB도 제가 가장 좋아하는 데이터베이스였습니다. 그리고 MeteorJ가 멋진 플랫폼을 가져왔을 때 저는 프론트엔드 기술을 살펴보았습니다.

왜 Angular를 사용하나요? 사실 제가 React와 VueJS보다 Angular에서 작업한 이유를 실제로 설명할 수는 없습니다. 저는 Vue를 사용해 보고 이를 사용하여 몇 가지 애플리케이션을 개발했습니다. 나는 그것을 좋아했다. 하지만 v2에서 v3로 옮겼을 때 왜 그렇게 복잡하게 만들었는지 이해하지 못했습니다. 반면 Vue 1과 2의 핵심 부분은 단순함이었습니다. 그래서 저는 React와 Angular를 살펴보았습니다. 하지만 내 생각에는 대부분의 개발자의 의견은 아니더라도 Angular가 React보다 훨씬 앞서 있었습니다. 내 생각에는 Angular가 앱을 구축하는 데 필요한 모든 것을 제공한다는 사실이 주요 장점입니다. 예, 선호하는 Http 라이브러리, 양식 관리 등을 선택할 수는 없습니다. 하지만 Angular의 각 부분은 서로 잘 작동하도록 만들어졌습니다.

Angular가 아닌 이유는 무엇인가요? 아마도 배우기가 어려웠기 때문일 것입니다. 
Angular = Typescript RxJS 프레임워크
따라서 효율성을 높이려면 각각을 마스터해야합니다. 그리고 React와 같은 템플릿 렌더링 라이브러리를 마스터하는 것보다 더 어렵습니다. ;-p
하지만 이 시간은 2024년에 끝났습니다. RxJS를 원하지 않으시나요? 신호를 사용하세요. 예, v16 Angular에서는 신호 개념을 가져옵니다. 2024년 v18에서는 대부분의 신호 기능이 안정적이었습니다. v19에서는 두 가지 새로운 신호가 비동기 리소스를 사용하는 새로운 방식을 제공합니다. 이제 Observable 없이 Angular를 사용할 수 있습니다. 정말 유용하기 때문에 좋은 생각은 아니지만, 원하지 않는 일이라면 이 개념을 피하세요.

어떻게 시작하나요?

2024년부터 Angular 팀이 웹사이트를 재구축했으니 https://angular.dev를 한 번 살펴보세요. 콘텐츠가 정말 인상적입니다.

그런 다음 NodeJS >v18.19.1을 가져와서 어딘가에 설치할 수 있습니다(docker 또는 다른 것을 사용하여).

npm install -g @angular/cli

이제 Angular cli가 있으므로 이를 사용하여 프로젝트를 시작할 수 있습니다.

새로운 나의 새로운 프로젝트

서버 측 렌더링 사용 여부, Sass, Scss 등을 사용하는 것과 같은 일부 구성을 선택해야 합니다. 그게 전부입니다.

간단한 홈 페이지로 'my-new-project' 폴더가 생성됩니다. Angular의 장점은 Angular.json 파일에서 프로젝트를 사용자 정의할 수 있다는 것입니다. 회로도 부분을 사용하면 Cli를 사용하여 일부 코드를 생성할 때 작업 방식을 정의할 수 있습니다. : 
Vue와 같은 단일 파일 구성요소에 HTML과 CSS를 원하시나요? 네, 할 수 있습니다. 변경 감지 전략을 정의하고 싶으신가요? 네 가능합니다.
모든 것은 projects.my-new-project.schematics
노드 아래에 있습니다. 그리고 기본값은 'ng new' 명령의 답변을 사용하여 정의됩니다.
아, 잊어버린 게 있습니다. 'ng new' 명령에는 사용 가능한 매개변수가 많이 있습니다. 하지만 예를 들어 여러분이 그것들을 발견하게 해줄 것입니다.

이제 프로젝트가 초기화되었으므로 시작할 시간입니다.

서빙

http://localhost:4200에서 브라우저를 열면 끝입니다.

이번 글은 끝났고 다음 글은 컴포넌트 생성에 관한 글입니다.

또 만나요!

[참고] 모든 기사는 Angular v19*의 명령을 사용합니다.
[원문글] https://medium.com/@rebolon/yet-another-angular-article-part-1-8f9ae6526189

위 내용은 또 다른 Angular 기사, 1부의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!