본문 바로가기

Today I learned!46

[js/css/styled-component] 220704 js 1.stopPropagation() 과 preventDefault() 의 차이는? https://developer.mozilla.org/ko/docs/Web/API/Event/stopPropagation Event.stopPropagation() - Web API | MDN Event 인터페이스의 stopPropagation() 메서드는 현재 이벤트가 캡처링/버블링 단계에서 더 이상 전파되지 않도록 방지합니다. 전파를 방지해도 이벤트의 기본 동작은 실행되므로, stopPropagation()이 링 developer.mozilla.org 오늘 수업을 듣다가 stopPropagation() 이 나왔다. 그럴바엔 그냥 preventDefault()쓰는게 낫지않나 싶어서 검색해보는게 나을 것 같았다 htt.. 2022. 7. 4.
220628 Array.prototype.every() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/every Array.prototype.every() - JavaScript | MDN The every() method tests whether all elements in the array pass the test implemented by the provided function. It returns a Boolean value. developer.mozilla.org 오늘 코플릿에서 나온문제(2의 배열이 1의 부분집합인가=> 맞다면 true 아니라면 false) 에서 시간혼잡도를 고려하지않고 문제를 푼다.. 2022. 6. 28.
220622 JavaScript Promise.all의 기능과 필요한 이유에 대해 설명 여러 개의 비동기 테스크를 동시에 실행하고 마지막 테스크가 완료될 때 다 끝낸 프라미스들을 배열로 반환하기 때문에, 가장 실행시간이 긴 프라미스가 완료되기까지 걸리는 시간이 곧 Promise.all의 완료시간이 되기때문에 각각의 프라미스를 순차적으로 실행하는것보다 시간을 더 단축할 수 있음 다만 배열중 하나의 프라미스가 오류가 발생할 경우, Promise.all은 거부됨. -> 오류가없는 프라미스의 호출은 계속 일어나지만 결과가 나오지 않음. 비동기의 실행시간을 단축시킬수 있지만, 순서가 제어 되지 않기때문에 순서가 중요한 경우는 Promise.all을 사용하면 안됨. 순수함수란? 불변성과 사이드 이펙트와 연결하여 설명 순수함수란.. 2022. 6. 22.
자바스크립트에서 빈 배열인 변수와 []가 비교가 안되는 이유 이전에 파이썬에서 빈 배열임을 확인할때 arr==[]를 써서 그런지, 자바스크립트에서 동일하게 썼는데 문제가 아예 안풀렸었다. 이유가 뭔지 전혀 이해가 되지 않았었다. 오늘에서야 그 이유를 알게 되었는데, 자바스크립트에서는 빈 배열인 변수와 []는 주소가 서로 다른 빈 배열이라고 생각하기 때문이다. 참조 자료형이기 때문에 그런 것.... object로 예를 들자면 const a = {key:1,key2:2} const b ={key:1,key2:2} console.log(a===b)//false 이 두개의 객체가 모양은 같더라도 참조하는 주소는 다른 것 처럼 빈 배열인 arr와 []도 다른 것이다. 2022. 5. 10.

티스토리툴바