웹개발/자바스크립트 (7) 썸네일형 리스트형 TypeError: Object.hasOwn is not a function 원인과 간단 해결 방법 TypeError: Object.hasOwn is not a function 에러는 JavaScript에서 Object.hasOwn 메서드를 사용할 때 발생합니다. 이 에러는 대개 다음과 같은 이유로 발생합니다:Node.js 또는 브라우저 환경의 JavaScript 버전 문제Object.hasOwn 메서드는 ECMAScript 2022(ES13)에서 추가되었습니다. 따라서 이 메서드를 사용하려면 Node.js 16.9.0 이상 또는 해당 메서드를 지원하는 최신 브라우저 환경이 필요합니다. 지원 브라우저 확인하기https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwn Object.hasOwn().. Javascript에서 눈에 보이지 않는 특수문자를 처리하기 눈에 보이지 않는 문자로 인해 TTS(Text-To-Speech), 문자열 처리 등을 작업할때 애러가 뜨거나 고통받는 경우가 있습니다.대표적으로 ZERO_WIDTH_SPACE (), BACKSPACE_CHARACTER() 등이 있습니다.이러한 문자들은 유저의 입력을 받을 때 항상 escape해서 제거해야 합니다.JavaScript 문자열에서 제거해야 할 문자들은 주로 제어 문자(Control Characters)와 일반적으로 사용되지 않는 특수 문자들입니다.주요 제거 대상 문자1. 제어 문자 (Control Characters)ASCII 코드 0~31번, 그리고 127번에 해당하는 문자들은 텍스트 표현에 영향을 미치는 제어 문자입니다. 이들은 일반적으로 텍스트 처리에서 필요하지 않으므로 제거하는 것이.. 프론트엔드 기술면접 질문 및 답변 정리 - ES6 편 ES6에서 추가된 기능을 아는대로 말해보세요. Promise 비동기 처리를 위해 사용하는 패턴이며 콜백지옥을 해결하고 애러처리를 용이하게 할 수 있습니다. new Promise를 리턴하여 사용하고 resolve, reject를 호출하여 완료합니다. Arrow function 상위 스코프의 this를 그대로 사용할 수 있으며 함수를 간결하게 표현할 수 있습니다. 화살표 뒤의 값을 그대로 리턴하게 할 수 있습니다. spread 연산자 ...Object 또는 ...Array 와 같은 형태로 요소들을 나열합니다. destructuring const { a, b, c } = object 와 같은 형태로 사용할 수 있습니다. 클래스 const, let Set, WeakSet for of Symbol 타입 ES8 a.. 프론트엔드 면접질문 및 답변 정리 - 자바스크립트 기본 편 자바스크립트 개념 중 이해하기 힘든 부분을 간단하게 질문 답변식으로 정리해 보았습니다. 클로저(Closure)란? 어떤 외부함수에서 선언한 변수를 참조하는 내부함수를 외부로 전달할 경우, 함수의 실행 컨텍스트가 종료된 후에도 변수가 메모리에 남아있는 현상을 말합니다. 클로저 사용으로 메모리 누수가 발생할 경우 어떻게 해결할까요? 함수를 참조하는 변수에 null을 할당하여 메모리 연결을 끊으면 됩니다. let, const, var 차이점 var는 function scope이며, let, const는 block scope입니다. var는 재선언하거나 함수 스코프 안에서 선언 전에 참조해도 애러가 나지 않고 undefined로 인식합니다. const는 명시적으로 상수로 선언하며, 값을 재할당 할 경우 애러가 .. nvm으로 Node.js 버전 관리하기 간혹 Node.js로 개발하다보면 격변하는 JavaScript 세상의 신기능을 사용해보기 위해 최신 버전을 설치해야하거나 혹은 로컬과 운영 서버와의 호환성, 사용하는 라이브러리의 검증을 위해 버전을 내려야 하는 경우가 있다. 이번 글에서는 위와 같은 상황을 해결하기 위해 nvm을 사용해 Node.js의 버전을 관리하는 방법에 대해 간략하게 살펴보겠다. 설치 nvm 설치는 매우 간단하다. nvm에서 제공하는 스크립트를 통해 아래 명령어를 터미널 쉘에 입력하면 된다. (슬프게도 nvm은 Windows를 지원하지 않는다. 만약 Windows를 사용하고 있으면 nvm-windows 혹은 nodist를 사용하기를 권장한다고 한다.) curl -o- https://raw.githubusercontent.com/cr.. [javascript] 이미지 없이 모서리 라운드 테이블 만들기(소스) FireFox, Mozilla 모두 잘 표시됩니다. 아래 소스를 html형식으로 저장해서 보실 수 있습니다. 테스트입니다 사이트내 링크된 곳의 테두리 점선 없애기 A 태그나 img태그를 이용해서 링크를 넣을 경우 클릭할때 테투리 점선이 생겨 보기 싫어집니다. 이걸 한방에 해결하는 방법이 있습니다. 아래 스크립트를 사이트의 header 파일에 붙여넣기 하시면 됩니다. 이전 1 다음