Make it simple and keep it simple

addEventListner 함수에서, 해당 이벤트 일 때 실행 될 함수를 호출하면, 그 함수에게 자연스럽게 해당 이벤트에 대한, event 정보를 주는 것처럼! addEventListner("submit", e => e.preventDefault()); forEach 도 함수를 호출할 때, 자연스럽게 해당 함수에게 element 를 제공한다. 여기서 element 라는 건, 배열의 각각 인덱스에 대해 ( [0], [1], .... ) 함수를 실행할 것인데, 이 호출된 함수를 실행할 때 각의 [0], [1], .... 를 제공하는 것이다. 그래서 아래처럼 두 가지로 사용할 수가 있다. parsedToDos.forEach(paintToDo); 라는 건 인자를 필요로하는 paintToDo 에게 인자를 전달한..

* JSON.parse() JSON 을 JS 객체로 (배열로) * JSON.stringify() JS 객체를 JSON string 으로 (단순한 문자로) https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/JSON JSON으로 작업하기 - Web 개발 학습하기 | MDN JavaScript Object Notation (JSON)은 Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷입니다. 웹 어플리케이션에서 데이터를 전송할 때 일반적으로 사용합니다(서버에서 developer.mozilla.org

https://stackoverflow.com/questions/69004740/vs-code-denied-permission-unlink-usr-local-bin-code VS Code Denied Permission unlink 'usr/local/bin/code' I can add the "shell command install 'code' command". Testing it works, but if i close out of the VS Code or after a couple of hours of adding the command it doesn't work. Terminal says &... stackoverflow.com * 요약: VSCode 를 실행시키고, Show All Command..

https://developer.mozilla.org/ko/docs/Learn/JavaScript/Client-side_web_APIs/Client-side_storage Client-side storage - Web 개발 학습하기 | MDN That's it for now. We hope you've found our rundown of client-side storage technologies useful. developer.mozilla.org

https://developer.mozilla.org/en-US/docs/Web/API/Element/append Element.append() - Web APIs | MDN The Element.append() method inserts a set of Node objects or string objects after the last child of the Element. String objects are inserted as equivalent Text nodes. developer.mozilla.org

https://poiemaweb.com/js-array-is-not-arrray Array | PoiemaWeb 자바스크립트 배열은 배열이 아니다. poiemaweb.com 위 주소에서 흥미로운 것을 발견하였다. const arr = []; console.time('Array Performance Test'); for (let i = 0; i

Hoisting JavaScript Hoisting refers to the process whereby the interpreter appears to move the declaration of functions, variables or classes to the top of their scope, prior to execution of the code. Hoisting allows functions to be safely used in code before they are declared. Variable and class declarations are also hoisted, so they too can be referenced before they are declared. Note that doi..

Pointer events Much of today's web content assumes the user's pointing device will be a mouse. However, since many devices support other types of pointing input devices, such as pen/stylus and touch surfaces, extensions to the existing pointing device event models are needed. Pointer events address that need. Note: Pointer events are not available in Web Workers. Pointer events are DOM events th..

에는 미리 정의된 required, maxlength 등을 활용할 수 있다(내가 이 기능을 직접 구현하지 않아도 됨. JS에서). 유효성 검사[Validation]을 하기 위해서는 가 아닌 내부에 있어야 유효성 검사 기능을 비롯한 HTML의 도움을 받을 수 있다. ex) 유효성 검사를 직접 짠 예시 에게 required, maxlength 값을 주지 않고 오로지 .js 에서 구현한 것이다. input으로 들어오는 값을 저장하고, 이 저장한 값을 가지고 공백인가? 글자수 제한을 넘어서는가? 에 대해 작성한 예시. 을 로 바꾸고, required, maxlength 값을 주었다. 그리고 js에서 하던 유효성 검사 구문을 아에 지웠다. 내의 required 라는 Attribute 는 브라우저가 제공해주는 기..