본문 바로가기

프론트기술/Angular12

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.
Spring Boot + Angular 프로젝트들 Spring Boot 와 Angular 의 조합은 제가 선호하는 프레임워크 스택입니다. 간단한 프로젝트부터 대규모 프로젝트까지 협업하기에도 좋은 선택지라고 생각합니다. GitHub에 공개된 프로젝트가 몇가지 있어서 소개해볼까 합니다. 1. Task CRUD GitHub : github.com/revfactory/spring-boot-angular-example 작년에 제가 공개한 프로젝트로 간단하게 CRUD를 작성한 프로젝트입니다. 블로그 포스팅을 위해 프로젝트를 업데이트 했습니다. Spring Boot 와 Angular 는 같은 저장소를 사용했으며, 포트로 분리하여 실행하거나, Angular 빌드도 가능합니다. 자세한건 Readme를 참조하세요. Spring 은 H2Database가 설정되어 있으며, .. 2021. 2. 21.