LiJell's 성장기

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") }

const title = document.querySelector("div.hello:first-child h1"); function handleTitleClick() { title.style.color = "blue"; console.log("title was clicked!"); } title.addEventListener("click", handleTitleClick); 클릭하면 추가해보기 browser console에서 변화를 확인해보세요! 다양한 이벤트를 링크를 통해 확인해보세요 https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement const h1 = document.querySelector("div.hello:first-child h1")..

// 요즘은 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") }

function sayHello(nameOfPerson, age) { console.log("Hello my name is " + nameOfPerson + " and I am " + age) } sayHello("LiJell", 10); sayHello("Hanju", 18); sayHello("Toonsquare", 99); function plus(a, b) { console.log(a + b); } function divide(a,b) { console.log(a / b); } plus(1, 3); divide(20, 5); const player = { name: "LiJell", sayHello: function (otherPersonsName) { console.log("Hello! " + ..

Array const daysOfWeek = ['mon','tue','wed','thu','fri','sat']; // Get Item from Array console.log(daysOfWeek[4]); // Add one more day to the array daysOfWeek.push('sun'); console.log(daysOfWeek); Object const player = { name: "LiJell", points: 10, fat: true, }; console.log(player); console.log(player.name); console.log(player["points"]); const player = { name: "LiJell", points: 10, fat: true, }..

true 1 false 0 null null은 자연스럽게 생기지 않음 variable 안에 어떤것도 없다는 것을 확실히 알려주기 위해 씀 const amIFat= null; // amIFat에 아무것도 채워지지 않은 null 채우는것을 의미 let something; console.log(amIFat); Undefined something이라는 var을 만들었지만, 값을 주지 않은 상태 메모리 안에 공간은 있지만, 값은 없는 상태 const amIFat= null; let something; // something이라는 var을 만들었지만, 값을 주지 않은 상태 // 메모리 안에 공간은 있지만, 값은 없는 상태 console.log(something);