프론트기술/Angular13 3명으로 시작한 작은 불씨, Angular: 세상을 바꾼 프레임워크 이야기 현재 웹 프레임워크는 사실상 “React 독주, Vue 및 Angular 2위, 그 외 나머지” 구조로 볼 수 있습니다. 그 중 특히 Angular 는 주로 백엔드 개발을 하던 저에게 프론트엔드를 쉽게 접할 수 있게 했고 지금도 꾸준히 사용하고 있는 고마운 프레임워크인데요.최근 Angular 에 대한 다큐멘터리 영상이 있기에 한글 자막 및 관련 내용을 정리해보았습니다. https://www.youtube.com/watch?v=JEed6jcod4k 👍 영상 댓글- "현재까지 Angular 팀은 제가 함께 일했던 가장 뛰어난 엔지니어들 중 일부였고, 그 팀에서의 시간을 소중히 여깁니다. 몇 년 전 Angular의 경영진 교체는 프레임워크에 일어날 수 있었던 최고의 일이라고 생각합니다. 엔지니어링 작업을 .. 2025. 5. 5. Angula 16 Release Angular 16 (2023년 5월 4일) Angular 16 - Angular 16 공식 발표 (Blog) - Angular 16 Github 16.0.0 - Angular 16 Release Note - Angular 16 Upgrade Guide (Check List) - supported TypeScript version to v5.0 - supported Node.js v16.14.x, v18.10.x Angular 16 새로운 주요 Features 반응성 개선 - 변경 감지 프로세스 중 계산이 줄어들어 런타임 성능이 향상되었습니다. - 애플리케이션 전체에서 뷰의 종속성과 데이터 흐름을 명확하게 정의하는 반응성에 대한 더 간단한 멘탈 모델입니다. - 향후 릴리스에서 영향을 받는 구성 요소의 변.. 2023. 5. 13. Angular 15 (2022년 11월 17일) Angular 15 - Angular 15 공식 발표 (Blog) - Angular 15 Github 15.0.0 - Angular 15 Release Note - Angular 15 Upgrade Guide (Check List) - supported TypeScript version to v4.8 - supported Node.js v14.20.x, v16.13.x, v18.10.x Angular 15 새로운 주요 Features - Standalone API 가 Preview를 마치고 stable 되었습니다. - Router 설정 코드가 간결해졌습니다. - Directive Composition API를 사용가능합니다. - Image Directive 가 Stable 되었습니다. - Function.. 2022. 11. 19. Angular 14 가 릴리즈 되었습니다. Angular 14 (2022년 06월 02일) Angular 14 - Angular 14 공식 발표 (Blog) - Angular 14 Github 14.0.0 - Angular 14 Release Note - Angular 14 Upgrade Guide (Check List) - supported TypeScript version to v4.7 (v4.6 이전의 TypeScript 지원 안함) - Node.js v14.15 이상 Angular 14 새로운 주요 Features - Typed Forms - Standalone Components (Preview) - Angular CLI 자동완성 - 간소화된 페이지 제목 접근성 개선 - Inject( ) function - 향상된 템플릿 진단 - 개선사.. 2022. 6. 5. Angular 를 위한 TypeScript TIP 5가지 TypeScript를 사용하는데 있어서 유용한 팁 5가지를 공유하고자 합니다. 이 내용은 ng-conf 2021 의 arron 의 영상 에서 발췌 했습니다. 1. 타입이 제공되지 않는 API 데이터에서 TypeScript 타입 추출하기 Angular에서 API를 통해 데이터를 가져올때 타입스크립트를 사용하는 우리는 타입을 모두 정의해줍니다. 특히 3rd party 에서 제공하는 API 를 정의해야 할때 번거로운 작업이 아닐 수 없습니다. 이때 사용가능한 유용한 사이트가 있습니다. http://json2ts.com 여기서 json 데이터를 입력하면 TypeScript에서 사용한 타입 정의를 변환해줍니다. 2. Optional 값을 TypeScript 유형으로 정의하기 아래와 같은 타입 인터페이스가 정의되어.. 2021. 10. 24. Angular Material 과 TailwindCSS 의 만남 Angular 팀에서 직접 만들고 있는 Angular Material 은 심플하고, 다양한 컴포넌트를 제공하고 있지만 막상 사용하려고 하면 결과물이 기대에 미치지 못해서 잘 사용하지 못하고 있었다. Material Design이 구글 서비스에서 전반적으로 사용되고 있어서 익숙해서일수도 있지만 전체적인 모양새가 생각보다 예쁘게 안나온다. 따라서 뭔가 보완적인게 필요했는데 Tailwindcss 가 그 역할을 해줄 것으로 기대가 된다. tailwindcss에서 제공하는 클래스들을 조합하여 사용하게 되므로, 매번 css 클래스명을 고민하지 않아도 되고, 일관된 디자인 스타일로 구현하기가 쉬워졌다. 다만 제공하는 클래스들이 raw 수준으로 제공되므로, 초반에는 익숙해지는데까지 시간이 다소 걸리며, 다소 과도한 클.. 2021. 7. 17. 이전 1 2 3 다음
