LiJell's 성장기

1. 관리자 페이지 검색 기능이 느리고, 2. 종종 잘못된 정보를 받는 상황을 처리한 내용이다. 해결방법 throttleTime >> debounceTime throttleTime을 사용해서 발생한 문제이다. throttleTime throttleTime 연산자는 설정한 주기(ms) 안에 observable 값을 방출하면 그 값을 방출한 즉시 해당 값을 무시한다. 설정한 주기(ms)가 지난 후 다음 값을 방출할 때까지 다른 값들도 무시한다. 즉, 설정한 주기(ms) 안에 최대 1번의 값을 방출한다. debounceTime debounceTime 연산자는 설정한 주기(ms) 안에 소스 옵저버블이 값을 방출하면 해당 주기(ms)가 다 지난 후에 그 값을 방출한다. 그리고 이 주기(ms) 안에 다른 값들이 방..

Iterating through String Arrays We can use the *ngFor command in the HTML file to loop through arrays declared in the component. ng is stand for next generation Component colors:string[] = ['red', 'blue', 'green', 'purple']; HTML {{color}} The result in your browser red blue green purple Iterating with Indices Having access to an index within each iteration of the loop Fruit {{ i }} is {{ fruit ..

In Angular, each component has at least 4 files that work in harmony together. app.component.css app.component.html the view HTML file that receives variables from the component and displays them app.component.ts the component where variables are declared and modified app.module.ts COMPONENT name = "Lime Jelly"; VIEW Hello, {{name}}! Result Hello, Lime Jelly The double curly braces around {{name..

ou can create your OWN types and use them the same way just like others For this, you need to create an interface data structure that defines the shape of data interface Order { customerName: string, itemNumbers: number[], isComplete: boolean } The interface keyword is used to initialize an interface, which shows us the SHAPE of the data that’s coming. Think of an interface like a factory mold. ..

Basic of TypeScript Strings in TypeScript Variables in TypeScript can be statically typed must always retain the data type that they start out with Once a variable is statically typed as a string, it cannot hold any other data type let name: string = 'Fred' let shoeColor: string = 'blue'; console.log(shoeColor); It is possible to change variable values over time sheColor = 'red'; console.log(sho..

XHR Request Response In a restaurant, the food request comes from the dining room, or the front-end The customer makes a request to the kitchen. In web applications, this typically comes in the form of an XML/HTTP Request or an XHR. XML is replaced by JSON in most instances now HTTP stand for HyperTextTransfer Protocol the foundation of all communication on the web You can analyze XHR for any we..

Front-end and Back-end of a web application The Concept of Web Stacks Stack is not a technical term It is a loose term and can be very fluid and sometimes even subjective Angular is a TypeScript based Front-End vs. Back-End The fridge room could be seen as the DATABASE or a series of data resources The kitchen is the WEB APPLICATION SERVER The dinning room is a bundle of tech that contains prima..

Log In Submit Control const loginForm = document.querySelector("#login-form"); const loginInput = loginForm.querySelector("input"); function onLoginSubmit() { const username = loginInput.value; console.log(username); } loginForm.addEventListener("submit", onLoginSubmit); html을 동작시키면 이름을 입력해도 form 때문에 submit될 때 자동으로 새로고침 되는 현상이 발생 중요한 건, event가 발생할 때 브라우저가 function을 호출하게 되는데, 첫 번째 argument로써 추가적인..

// 요즘은 prompt 잘 안씀 // parseInt is a converter: string to number const age = parseInt(prompt("How old are you?")); if (isNaN(age)){ console.log("Please write a number"); } else { console.log("Thank you for writing your age") }