자바스크립트

ES6에서 새롭게 도입된 펼침 연산자는 마침표 점 3개(...)로 표시하는 연산자입니다. 3점 연산자, 또는 스프레드 연산자라고도 합니다. 펼침 연산자는 자바스크립트의 코딩 방식을 획기적으로 개선해주는 연산자입니다. 복잡한 객체 나열을 단순화하거나 객체의 병합, 그리고 함수의 인자 처리를 아주 단순하게 처리할 수 있도록 개선해줍니다. 코딩을 효율적으로 할 수 있도록 해줄 뿐만 아니라 작성한

배열 요소에 중복이 있으면 안 되는 경우, 자바스크립트는 중복이 있는지를 확인해서 제거할 수 있는 여러 가지 방법을 제공합니다. 각각의 방법이 장단점이 있기 때문에 경우에 따라 적당한 중복 제거 방법을 사용하는 것이 좋습니다. 필터(Filter)로 배열 중복 제거 배열의 내장 메서드인 filter()를 이용해서 조건에 맞는 요소만을 반환받는 방식으로 중복

자바스크립트의 배열 정렬은 내장 메서드인 sort()를 이용합니다. sort() 메서드를 이용하면 배열 객체를 간단하게 정렬할 수 있습니다. 그리고, 초보자들에게는 다소 위험한 함정도 포함하고 있습니다. 정렬 기초 sort() 메서드 사용 방법은 간단해서 배열 객체의 메서드로 sort()를 호출하면 객체 요소들이 정렬됩니다. 한글, 영문, 숫자 모두 정렬이 잘 됩니다. let arrString = ['콘',

자바스크립트 코드를 이용해 클립보드와 상호작용을 통해 텍스트 데이터를 복사하거나 가져올 수 있습니다. 웹브라우저는 navigator.clipboard 객체를 통해 운영체제의 클립보드와 상호 작용을 할 수 있도록 기반 기능을 제공합니다. 보안상의 이유로 자바스크립트가 클립보드에 접근할 때는 다음과 같은 접근 권한을 확인할 수도 있습니다. 입력 필드에 입력한 텍스트 내용을 클립보드로 복사하거나 가져오는 간단한 버튼을

최근 나오거나 업그레이드되는 코드 에디터 프로그램들은 대부분 페이지맵 기능이 추가되고 있습니다. 페이지맵 기능은 에디터에 열려있는 텍스트 내용의 썸네일 요약과 같은 기능을 하며, 드래그해서 텍스트 페이지의 원하는 위치로 바로 이동하는 기능을 합니다. 스크롤바의 비주얼 업그레이드 버전 정도라고 이해하면 쉽습니다. 문서의 대략적인 구조가 보이기 때문에 단순한 스크롤바 보다는 훨씬 직관적으로 이동할 위치를

자바스크립트에서 URL과 관련된 정보를 담고 있는 객체는 "location" 객체입니다. 자바스크립트로 URL과 관련해서 가장 많이 사용하는 속성값은 location.href 입니다. 너무 자주 사용해서 아무렇지도 않게 쓰고 있지만 정확하게는 location 객체의 "href" 속성값을 읽는 것이고 이 속성은 현재 페이지의 전체 URL을 담고 있습니다. URI가 될 수도 있고, 다른 것일 수도 있지만, 여기서는

작업할 때마다 찾아보기 귀찮은 자바스크립트 코드 리스트입니다. 구글 검색하면 다 나오지만, 매번 찾으러 가기 귀찮으므로... 티스토리 반응형 UI 작업을 하게 되면 13(엔터키), 27(Esc) 키값 정도는 외워두면 좋습니다. KeyCodeKeyCodeKeyCode 백스페이스(←)8e69숫자패드 8104 탭(TAB)9f70숫자패드 9105 엔터(Enter)13g71숫자패드곱하기(*)106 쉬프트(SHIFT)16h72숫자패드더하기(+)107 컨트롤(CTRL)17i73숫자패드빼기(-)109