Frontend (56) 썸네일형 리스트형 NPM - JSON Server JSON server is one of the NPM packages that provides a server for testing. It stores data in a JSON format and is very easy to work withList of Contents">HTML 삽입미리보기할 수 없는 소스 Implementation Installing the Package Setting Up the NPM command Running the Server Working with Data Angular .. Angular - Style Libraries (Bootstrap, Jquery, Font Awesome, ...) Libraries are pre-written codes that anyone can borrow to implement features with less effort to boost the pace of the development process. When developing an Angular project there are many libraries we can take advantage of and we will see some of the style libraries and how to use them. HTML 삽입 미리보기할 수 없는 소스 Hooks - useEffect (Catching Changes in a Component) The useEffect is a hook that catches changes in a component. It works similarly to event or setInterval and using this we can update the component whenever there is a change. Setting Up a Project Creating a React App React React is the most papular framework followed by Angular and Vue. React, like Angular uses components to build an application. However, React does not come with native features.. Hooks - useContext(Global State) The useContext is one of the hooks in React. It manages the status of the application like useState with a twist that it does this on a global scope. So unlike useState where a status should be passed from one component to another, any component can access the context regardless of its position hence making it an excellent fit for global status management. HTML 삽입 미리보기할 수 없는 소스 Generic TypeScript is a strongly type language and it significantly reduces the type errors while in development which would not be possible with mare JS. At the same time it also reduces the reusability of codes. If you want both the feature, The generic is a way to go. Without further ado, let's see how we can use the Generic Without Type Checking Below is an example of JavaScript code. JavaScript is .. Decorator The decorator in TypeScript is a feature that enables us to add meta data or business logic without having to change the orginal code format. For example, when we have multiple classes with the same attribute name, type, with the same value, we can use the decorator to reduce redundancy How to Use It? This feature is in test at the moment, so we need a set up to use this. Open the console and ru.. Reusable Component - Reactive Forms Inputs The reusability of components is one of the main advantages of using a framework such as Angular. Today, we will see how we can create an reusable input component in Angular. Implementaion Adding a Module Add the ReactiveFormsModule in the module.ts class Creating a Component Add a component to get the inputs ng g c components/shared/input To link the form controller and the DOM element, add inh.. React Hook - Redirection (React Router DOM) Redirection is one of the many basic features when it comes to developing a web application. React, by nature, does not have the feature but React Router DOM offers features to make the redirection availble. Let's see how we can use them Creating a React Project React React is the most papular framework followed by Angular and Vue. React, like Angular uses components to build an application. How.. 이전 1 2 3 4 5 ··· 7 다음
