Javascript
-
자바스크립트를 사용하여 새 창으로 열어서 이동하려면 window.open() 함수를 사용할 수 있습니다. 이 함수는 새 창을 열고 해당 창으로 이동합니다. 다음은 window.open() 함수를 사용하여 새 창을 열어서 이동하는 예제입니다. // 새 창을 열어서 이동할 URL을 변수에 저장합니다. var url = "https://www.example.com"; // 새 창을 엽니다. // 첫 번째 매개변수는 열 창의 URL입니다. // 두 번째 매개변수는 창의 이름입니다. 이것은 선택 사항입니다. // 세 번째 매개변수는 창의 속성을 나타내는 문자열입니다. // 이것도 선택 사항입니다. // 예를 들어, "width=500,height=500"은 창의 너비와 높이를 500으로 설정합니다. window...
자바스크립트 새창으로 열어서 이동자바스크립트를 사용하여 새 창으로 열어서 이동하려면 window.open() 함수를 사용할 수 있습니다. 이 함수는 새 창을 열고 해당 창으로 이동합니다. 다음은 window.open() 함수를 사용하여 새 창을 열어서 이동하는 예제입니다. // 새 창을 열어서 이동할 URL을 변수에 저장합니다. var url = "https://www.example.com"; // 새 창을 엽니다. // 첫 번째 매개변수는 열 창의 URL입니다. // 두 번째 매개변수는 창의 이름입니다. 이것은 선택 사항입니다. // 세 번째 매개변수는 창의 속성을 나타내는 문자열입니다. // 이것도 선택 사항입니다. // 예를 들어, "width=500,height=500"은 창의 너비와 높이를 500으로 설정합니다. window...
2023.08.30 -
JavaScript 배열의 길이를 줄이는 방법은 Array.prototype.splice() 메소드를 사용하는 것입니다. 이 메소드는 배열에서 원하는 위치의 요소를 제거하고, 필요하다면 새로운 요소를 삽입하며, 이 과정에서 배열의 길이를 조절합니다. splice() 메소드는 다음과 같은 구문을 사용합니다 array.splice(start, deleteCount, item1, item2, ...) start: 제거 및 삽입을 시작할 인덱스입니다. deleteCount: 제거할 요소의 개수입니다. 0 이상의 정수를 입력합니다. item1, item2, ... : 필요한 경우 삽입할 요소들입니다. 예를 들어, 다음과 같은 배열이 있다고 가정해봅시다. let arr = ["apple", "banana", "ch..
자바스크립트 배열 길이 줄이기JavaScript 배열의 길이를 줄이는 방법은 Array.prototype.splice() 메소드를 사용하는 것입니다. 이 메소드는 배열에서 원하는 위치의 요소를 제거하고, 필요하다면 새로운 요소를 삽입하며, 이 과정에서 배열의 길이를 조절합니다. splice() 메소드는 다음과 같은 구문을 사용합니다 array.splice(start, deleteCount, item1, item2, ...) start: 제거 및 삽입을 시작할 인덱스입니다. deleteCount: 제거할 요소의 개수입니다. 0 이상의 정수를 입력합니다. item1, item2, ... : 필요한 경우 삽입할 요소들입니다. 예를 들어, 다음과 같은 배열이 있다고 가정해봅시다. let arr = ["apple", "banana", "ch..
2023.08.30 -
JavaScript의 sort() 메소드는 배열의 요소를 정렬하는 데 사용됩니다. 이 메소드는 기본적으로 유니코드 코드 포인트에 따라 문자열로 변환 된 각 요소를 비교하여 배열을 정렬합니다. sort() 메소드는 인자를 가질 수 있지만, 일반적으로는 비교 함수를 인자로 받습니다. 비교 함수는 두 개의 인자를 받아서, 정렬하고자 하는 두 요소를 비교하는 함수입니다. 비교 함수가 생략되면 기본적으로 문자열 비교에 따라 요소가 정렬됩니다. 예를 들어, 숫자 배열을 오름차순으로 정렬하려면 다음과 같이 비교 함수를 작성할 수 있습니다 const numbers = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5]; numbers.sort((a, b) => a - b); console.log(numbers..
자바스크립트 배열 sortJavaScript의 sort() 메소드는 배열의 요소를 정렬하는 데 사용됩니다. 이 메소드는 기본적으로 유니코드 코드 포인트에 따라 문자열로 변환 된 각 요소를 비교하여 배열을 정렬합니다. sort() 메소드는 인자를 가질 수 있지만, 일반적으로는 비교 함수를 인자로 받습니다. 비교 함수는 두 개의 인자를 받아서, 정렬하고자 하는 두 요소를 비교하는 함수입니다. 비교 함수가 생략되면 기본적으로 문자열 비교에 따라 요소가 정렬됩니다. 예를 들어, 숫자 배열을 오름차순으로 정렬하려면 다음과 같이 비교 함수를 작성할 수 있습니다 const numbers = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3, 5]; numbers.sort((a, b) => a - b); console.log(numbers..
2023.08.30 -
Optional Chaining (선택적 체이닝) Optional Chaining은 객체의 속성을 안전하게 접근하는 방법입니다. 만약 객체 내부의 속성 중 하나가 null 또는 undefined라면, 코드가 실행되는 도중 에러가 발생하는 것을 방지할 수 있습니다. 다음과 같이 사용할 수 있습니다. 참고 url https://intelloper.tistory.com/22 const name = person?.name; const age = person?.age?.years; Nullish Coalescing (널 병합 연산자) Nullish Coalescing은 변수가 null 또는 undefined일 때, 대체 값을 지정할 수 있는 방법입니다. 이전에는 || 연산자를 사용하여 처리했지만, 이는 falsy..
(ES2021) 자바스크립트 문법Optional Chaining (선택적 체이닝) Optional Chaining은 객체의 속성을 안전하게 접근하는 방법입니다. 만약 객체 내부의 속성 중 하나가 null 또는 undefined라면, 코드가 실행되는 도중 에러가 발생하는 것을 방지할 수 있습니다. 다음과 같이 사용할 수 있습니다. 참고 url https://intelloper.tistory.com/22 const name = person?.name; const age = person?.age?.years; Nullish Coalescing (널 병합 연산자) Nullish Coalescing은 변수가 null 또는 undefined일 때, 대체 값을 지정할 수 있는 방법입니다. 이전에는 || 연산자를 사용하여 처리했지만, 이는 falsy..
2023.02.24 -
Linked List는 배열과 유사한 선형 데이터 구조입니다. 그러나 배열과 달리 요소는 특정 메모리 위치나 인덱스에 저장되지 않습니다. 오히려 각 요소는 해당 목록의 다음 개체에 대한 포인터 또는 링크를 포함하는 별도의 개체입니다. 노드 그룹으로 구성되며 각 노드에는 다음 노드에 대한 고유한 데이터와 주소가 있습니다. 배열에서 요소는 인덱싱되며 즉시 요소에 도달할 수 있지만 Linked List에서는 머리부터 시작하여 원하는 요소에 도달할 때까지 계속 작업해야 합니다. Linked List의 장점은 Linked List에서 삽입 및 삭제가 배열보다 쉽다는 것입니다. 배열은 단 한개의 원소 추가할 때도 뒷쪽에 있는 원소들이 모두 변경되어야 되며 10만개 이상의 배열이면 시간이 많이 소모됩니다. 왜나하면 ..
Javascript 자료구조 시리즈(4) Linked ListLinked List는 배열과 유사한 선형 데이터 구조입니다. 그러나 배열과 달리 요소는 특정 메모리 위치나 인덱스에 저장되지 않습니다. 오히려 각 요소는 해당 목록의 다음 개체에 대한 포인터 또는 링크를 포함하는 별도의 개체입니다. 노드 그룹으로 구성되며 각 노드에는 다음 노드에 대한 고유한 데이터와 주소가 있습니다. 배열에서 요소는 인덱싱되며 즉시 요소에 도달할 수 있지만 Linked List에서는 머리부터 시작하여 원하는 요소에 도달할 때까지 계속 작업해야 합니다. Linked List의 장점은 Linked List에서 삽입 및 삭제가 배열보다 쉽다는 것입니다. 배열은 단 한개의 원소 추가할 때도 뒷쪽에 있는 원소들이 모두 변경되어야 되며 10만개 이상의 배열이면 시간이 많이 소모됩니다. 왜나하면 ..
2021.10.17 -
Queue 큐는 FIFO(선입 선출) 원칙을 따르는 선형 데이터 구조입니다. 여기에는 1) 전면 포인터, 2) 후면 포인터, 두 개의 포인터가 포함됩니다. 앞쪽 포인터는 시작 요소의 주소를 포함하고 뒤쪽 포인터는 큐의 마지막 요소 주소를 포함합니다. 큐 구현에 사용되는 두 가지 주요 방법은 enqueue 및 dequeue 방법입니다. Enqueuing은 큐에서 요소를 추가하는 프로세스이고 Dequeuing은 큐에서 요소를 제거하는 프로세스입니다. 전형적인 실생활의 Queue로 은행을 예를들 수 있습니다. 은행 업무를 보기위해 맨 처음 온 사람이 먼저 업무를 보고 그뒤에 순차적으로 업무를 보기 위해서 창구를 기다립니다. 또한 새로운 고객이 들어오면 가장 맨뒤에 서게 됩니다. 그리고 가장 맨 마지막에 업무를..
Javascript 자료구조 시리즈(3) Queue 대기열Queue 큐는 FIFO(선입 선출) 원칙을 따르는 선형 데이터 구조입니다. 여기에는 1) 전면 포인터, 2) 후면 포인터, 두 개의 포인터가 포함됩니다. 앞쪽 포인터는 시작 요소의 주소를 포함하고 뒤쪽 포인터는 큐의 마지막 요소 주소를 포함합니다. 큐 구현에 사용되는 두 가지 주요 방법은 enqueue 및 dequeue 방법입니다. Enqueuing은 큐에서 요소를 추가하는 프로세스이고 Dequeuing은 큐에서 요소를 제거하는 프로세스입니다. 전형적인 실생활의 Queue로 은행을 예를들 수 있습니다. 은행 업무를 보기위해 맨 처음 온 사람이 먼저 업무를 보고 그뒤에 순차적으로 업무를 보기 위해서 창구를 기다립니다. 또한 새로운 고객이 들어오면 가장 맨뒤에 서게 됩니다. 그리고 가장 맨 마지막에 업무를..
2021.10.07 -
Stack 스택은 LIFO(Last In First Out) 또는 FILO(First In Last Out) 원칙을 따르는 데이터 구조입니다. 👉🏻 스택에 요소를 추가할 때마다 스택 맨 위에 추가됩니다. 👉🏻 스택에 마지막으로 삽입된 항목이 가장 먼저 삭제됩니다. 👉🏻 스택은 ToS(Top of Stack)라고 하는 목록의 한쪽 끝에서만 액세스할 수 있는 요소 목록입니다. 쉽게 말해 멘토스 구조라고 생각하시면 됩니다. 멘토스를 깠을때 가장 처음 먹는부분이 마지막으로 쌓인 멘토스라고 생각하시면 됩니다. 기존에 9~11번 멘토스를 먹었고 11번 pop(), 10번 pop(), 9번 pop() 짝지랑 멘토스 맛을 교환하기로 하였습니다. 그리하여 8번 pop(), 7번 pop(), 6번 pop() 다른 멘토스맛..
Javascript 자료구조 시리즈(2) Stack 스택Stack 스택은 LIFO(Last In First Out) 또는 FILO(First In Last Out) 원칙을 따르는 데이터 구조입니다. 👉🏻 스택에 요소를 추가할 때마다 스택 맨 위에 추가됩니다. 👉🏻 스택에 마지막으로 삽입된 항목이 가장 먼저 삭제됩니다. 👉🏻 스택은 ToS(Top of Stack)라고 하는 목록의 한쪽 끝에서만 액세스할 수 있는 요소 목록입니다. 쉽게 말해 멘토스 구조라고 생각하시면 됩니다. 멘토스를 깠을때 가장 처음 먹는부분이 마지막으로 쌓인 멘토스라고 생각하시면 됩니다. 기존에 9~11번 멘토스를 먹었고 11번 pop(), 10번 pop(), 9번 pop() 짝지랑 멘토스 맛을 교환하기로 하였습니다. 그리하여 8번 pop(), 7번 pop(), 6번 pop() 다른 멘토스맛..
2021.10.04 -
자료 구조는 많은 회사에서 가장 자주 테스트하는 주제 중 하나입니다. 서비스를 운영 하다보면 데이터를 어떻게하면 더 효율적으로 저장하고 사용할 수 있는지에 대해 고민을 할 수 밖에 없습니다. 어떻게 코드를 짜느냐에 따라 사용자가 원하는 정보를 빠르게 보여줄 수 있는지 서비스의 품질 문제가 달려있기 때문입니다. 그러므로 이번 포스트에서는 자바스크립트 데이터 구조를 다뤄보겠습니다. 총 아래 7가지 구조를 다뤄볼 예정입니다. Arrays Stack Queues Linked List Trees Graphs Hashtable 자료구조란? 자료구조는 데이터를 효율적으로 사용할 수 있도록 저장하고 구성하는 방법입니다. 보다 정확하게는 자료구조는 데이터 값의 그룹, 서로 관련되는 방식, 수행할 수 있는 작업 또는 기능..
Javascript 자료구조 시리즈(1) Array 배열자료 구조는 많은 회사에서 가장 자주 테스트하는 주제 중 하나입니다. 서비스를 운영 하다보면 데이터를 어떻게하면 더 효율적으로 저장하고 사용할 수 있는지에 대해 고민을 할 수 밖에 없습니다. 어떻게 코드를 짜느냐에 따라 사용자가 원하는 정보를 빠르게 보여줄 수 있는지 서비스의 품질 문제가 달려있기 때문입니다. 그러므로 이번 포스트에서는 자바스크립트 데이터 구조를 다뤄보겠습니다. 총 아래 7가지 구조를 다뤄볼 예정입니다. Arrays Stack Queues Linked List Trees Graphs Hashtable 자료구조란? 자료구조는 데이터를 효율적으로 사용할 수 있도록 저장하고 구성하는 방법입니다. 보다 정확하게는 자료구조는 데이터 값의 그룹, 서로 관련되는 방식, 수행할 수 있는 작업 또는 기능..
2021.10.04