Frontend/Angular (20) 썸네일형 리스트형 Angular Library Library is a list of prewritten codes that you can use without having to write the code yourself (e.g. Jquery). Angular has first-party library that provides various functionalities at its disposal. Libraries Angular Router Angular Forms Angular HttpClient Angular Animations Angular PWA Angular Schematics References Angular angular.io HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 AOT (Ahead Of Time) Compiler Compiling Steps Code analysis Code generation Template type checking Creates a source sample but does not start compiling. Only records the syntax errors of the metadata Keeps analyzing the syntax errors of the metadata and shows the errors Checks the syntax of the binding in templates (Optional phase) To turn on the template type-checking option, add the following code in the angularCompilerOpt.. Angular(Compiler) - JIT VS AOT The HTML and Component (TypeScript) file in an Angular project need to be compiled to a JavaScript file to run on the browser, There are two major ways of doing this depending on when the compilation happens: Just In Time (JIT) and Ahead Of Time (AOT). Let's see the differences JIT (Just In Time) Compiler JIT compiler compiles each file when a browser runs (runtime compilation). The method needs.. Angular - Project Structure Let's see the structure of the Angular project Root Structure When you create an Angular project usint Angular CLI, you will see the files below (Note that Angular CLI provides us '.gitignore' file automatically) .editorconfig Configurations for code editors EditorConfig. .gitignore Files or folders that will be excluded when commiting to a Git repo README.md A file where you can write an instru.. Angular - CLI Angular CLI is a command line interface that provides a better way to create and manage Angular projects. CLI Installation npm install -g @angular/cli CLI Update npm uninstall -g @angular/cli npm install -g @angular/cli@latest Even if you update the global CLI, it won't affect the projects you created before with older versions. In that case, the version of a project will have priority so you mi.. Lazy Loading A lazy loading is a way of rendering a page when there is a request to that page without having to render all the pages at once when the site first loaded, allowing us to save resources, and resulting in increased response time. Implementation Creating a Project(Check the Angular routing option) Angular - CLI Angular CLI is a command line interface that provides a better way to creata and manage.. Angular - How to Use HTTPS in Development Angular, by default, uses 'HTTP' to run the server in development mode. There is a package called 'mkcert' that provides an easy way to set up a certificate and use 'HTTPS' in a local environment. Setting up mkcert Open the command line as an administrator. Run the appropriate command depending on your OS. ▶ Window choco install mkcert Installing a Certificate Open the project and create a folde.. Angular Forms - Reactive Form Angular reactive forms uses observables to manage input data in a stream. Unlike the template-driven forms, reactive forms handles the data synchronously and uses operators to manipulate data as a copy but do not change the orginal data Let's see how to use itList of Contents" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 Implementaion Using Form Control Only .. 이전 1 2 3 다음
