Java Script27 이벤트 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 removeEventListener로 제거 가능한 이벤트 핸들러 addEventListener로 등록한 이벤트 핸들러는 removeEventListener로 제거할 수 있다. 이 때 등록할 때 사용한 것과 동일한 함수를 전달해야 제거가 가능하므로 다음 같은 상황에선 제거되지 않는다. 불가 : 전달한 인수가 일치하지 않는 경우 const $submitButton = document.getElementById('submitButton') const handleClickSubmitButton = ()=> { event.preventDefault(); // 기본 제출 동작 방지 conso.. 2023. 11. 20. Set, Map 어디에 사용할까? 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 Set, Map Set 수학적 집합을 구하기 위한 자료구조로, 중복되지 않는 유일한 값들의 집합이다. 배열과 다르게 요소 순서에 의미가 없어 인덱스로 접근할 수 없다. 인수로는 순회 가능한 데이터 컬렉션(이터러블)을 받기 때문에 배열, 문자열, Map, Set 등이 모두 가능하다. const set = new Set('kelly') console.log(set) // Set { 'k', 'e', 'l', 'y' } console.log(set[0]) // undefined console.log(set.has('k')) // true Set을 생성하고 요소를 다루는 방법 const .. 2023. 11. 3. 실행 컨텍스트 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 실행 컨텍스트 소스코드를 실행하려면 몇가지 재료가 필요하다. 먼저 코드 내에서 사용되는 변수, 함수 등의 식별자를 알아야 하며, 코드를 어떤 순서로 실행할 것인지에 대한 정보도 필요하다. 이렇게, 코드가 어떤 식별자를 사용할 수 있는지 실행 순서는 어떻게 되는지를 관리하는 영역이 바로 실행 컨텍스트다. Execution Context Stack : 코드의 실행 순서를 관리한다. Lexical Environment : 변수, 함수, 클래스 등의 이름인 식별자와 그 식별자를 등록하고 관리하는 scope를 관리한다. 실행 컨텍스트 스택 실행 컨텍스트 중에서 코드의 실행 순서를 관리하는 .. 2023. 10. 27. [Yarn Berry] 말도 안되게 타입스크립트 에러 많이 뜰 때 말도 안되게 타입스크립트 에러 많이 뜰 때 1. Ctrl+Shift+P -or- ⌘+shift+P 2. Developer: Reload Window 입력 참고 https://stackoverflow.com/questions/37674017/how-to-solve-jsx-element-implicitly-has-type-any-error How to solve "JSX element implicitly has type 'any' " error? Even though I've installed & referenced the Typings library 'react' like this /// I'm still getting the error below: Is there another stackoverflow... 2023. 8. 8. [ Typescript ] 타입스크립트 Docs_Reference_Type Compatibility 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 Type Compatibility (타입 호환성) 어떤 타입이 다른 타입에 할당될 수 있는지를 나타내는 개념이다. 타입스크립트에서는 두 개의 객체가 동일한 속성과 타입 구조를 가지고 있다면 타입 호환성이 성립하며 이를 구조적 타이핑이라고 한다. 타입 호환성을 이용하면 코드의 유연성과 재사용성을 높일 수 있다. interface User { id: number; name: string; } interface Admin { id: number; name: string; role: string; } let user: User = { id: 1, name: 'John' }; let adm.. 2023. 7. 14. 이전 1 2 3 4 ··· 6 다음
