Frontend (56) 썸네일형 리스트형 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.. Modal A modal in web programming refers to a popup or a dialog box that appears on top of the page to interact with users. Modal is a great way to get users’ attention. Let’s see how to implement is with HTML, CSS and JavaScript Implementation First, we need a modal in the HTML. In this example, I kept the code as simple as possible so that we can focus on the topic. In the HTML, create a div and add .. Infinite Scrolling When developing a website there comes many occasions when you need to populate a page with a list of images or items. Since the screen is finite there is a limitation about how much you can show to the user no matter how big the list. Infinite scrolling is a technique that allows you to load a small amount of data when it is needed which can improve the response time from the server. In this wri.. 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 ··· 3 4 5 6 7 다음
