728x90
반응형
JavaScript에서 배열 또는 문자열에서 일부를 추출하고 싶을 때 slice() 메서드가 유용하게 사용됩니다.이 메서드는 원본 배열 또는 문자열을 변경하지 않고 지정된 시작 및 종료 인덱스에 해당하는 요소 또는 문자를 추출하여 새로운 배열 또는 문자열을 반환합니다. slice() 메서드의 기본 구조slice() 메서드의 기본 구조는 다음과 같습니다.let newArray = array.slice(startIndex, endIndex);let newString = string.slice(startIndex, endIndex);startIndex: 추출을 시작할 요소 또는 문자의 인덱스입니다. 이 인덱스의 요소 또는 문자는 포함됩니다.endIndex (선택 사항): 추출을 종료할 요소 또는 문자의 인덱..
JavaScript에서 배열을 다룰 때 배열의 각 요소를 순회하고 작업을 수행해야 할 때가 있습니다.이럴 때 forEach() 함수가 유용하게 사용됩니다. forEach() 함수는 배열의 각 요소를 순회하면서 제공된 함수를 실행합니다. 이 함수를 사용하면 반복문을 사용하지 않고 배열을 간단하게 순회할 수 있습니다. forEach() 함수의 기본 구조forEach() 함수의 기본 구조는 다음과 같습니다.array.forEach(function(currentValue, index, array) { // 각 요소에 대해 수행할 작업});currentValue: 배열에서 현재 처리 중인 요소입니다.index: 배열에서 현재 처리 중인 요소의 인덱스입니다.array: forEach()가 호출된 배열입니다. ..
JavaScript에서 배열을 다룰 때 종종 배열의 각 요소를 변환해야 할 때가 있습니다.이런 경우 유용하게 사용되는 함수 중 하나가 map() 함수입니다. map() 함수는 배열을 순회하면서 각 요소에 적용한 후 새로운 배열을 반환해줍니다. 이 함수를 사용하면 반복문 없이도 간단하게 배열의 요소를 변환할 수 있습니다. map() 함수의 기본 구조map() 함수의 기본 구조는 다음과 같습니다.let newArray = array.map(function(currentValue, index, array) { // 새로운 배열의 요소를 반환합니다.});currentValue: 배열에서 현재 처리 중인 요소입니다.index (선택 사항): 배열에서 현재 처리 중인 요소의 인덱스입니다.array (선택 사항)..
JavaScript로 문자열 내의 공백을 제거하는 다양한 방법을 알아보겠습니다. replace 메서드와 정규표현식 활용JavaScript의 replace 메서드를 사용하여 문자열 내의 공백을 제거할 수 있습니다. 정규표현식을 활용하여 모든 공백을 제거하는 방법은 다음과 같습니다.See the Pen Untitled by saladent (@saladent) on CodePen. 위의 코드에서는 정규표현식 '/\\s/g'와 일치하는 모든 공백을 빈 문자열('')로 대체합니다. 여기서 '\s'는 공백 문자를 의미하고, 'g' 플래그는 전역적으로 일치하는 모든 패턴을 찾도록 합니다. 따라서 이 코드는 문자열에서 모든 공백을 제거합니다. split 메서드와 join 메서드를 활용또 다른 방법은 문자열을 ..
맥북에서 간단하게 화면을 캡처하는 다양한 방법에 대해 알려드리겠습니다. 전체 화면 캡처1. 키보드에서 Command + Shift + 3를 동시에 누릅니다.2. 화면에 클릭 소리와 함께 전체 화면이 캡처되고, 캡처된 이미지는 바탕화면에 자동으로 저장됩니다. 부분 화면 캡처1. 키보드에서 Command + Shift + 4를 동시에 누릅니다.2. 나타나는 십자가 커서로 캡처하고자 하는 영역을 드래그합니다.3. 드래그를 마치면 캡처된 이미지가 바탕화면에 자동으로 저장됩니다. 특정 창 캡처1. 키보드에서 Command + Shift + 4를 누릅니다.2. 스페이스바를 누르고, 캡처하고자 하는 창을 클릭합니다.3. 캡처된 이미지가 바탕화면에 자동으로 저장됩니다. 클립보드에 캡처 저장위의 단축키들을 사용할 때 c..
MAC에서 비주얼 스튜디오 코드를 설치항 후 처음 터미널이 실행하면 터미널이 실행되지 않습니다.터미널을 설치하는 방법을 알려드립니다. 1. 먼저 비주얼 스튜디오 코드를 실행합니다. 2. 상단에서 [View] > [Command Palette] 를 클릭합니다. 3. 입력창이 나타나면 Shell Command를 입력한 후 [Shell Command: Install 'code' command in PATH]를 클릭합니다. 4. 터미널 설치를 위해 관리자 권한을 물으면 ‘OK’를 클릭합니다. 5. 시스템 암호를 입력합니다. 6. 성공적으로 설치가 되었습니다. 7. 이제 상단에서 [Terminal] > [New Termainal]를 클릭하면 터미널 창이 나타납니다.
setInterval() JavaScript의 setInterval() 함수는 일정한 시간 간격(interval)으로 지정된 함수를 반복적으로 실행하는 기능을 제공합니다. 이 함수는 두 개의 인자를 받습니다. 첫번째 인자는 실행할 함수, 두번째 인자는 실행 간격(밀리초 단위)입니다. 다음은 setInterval() 함수를 사용하여 "Hello!"를 1초마다 출력하는 간단한 예제입니다. See the Pen setInteval() by saladent (@saladent) on CodePen. 위 코드에서 sayHello 함수는 1초마다 한 번씩 실행되며, 그 결과로 콘솔에 "Hello!"가 출력됩니다. setInterval() 함수가 실행되면, 지정된 함수가 실행되고 지정된 간격마다 반복적으로 실행됩니다..
switch문 작성 JavaScript의 switch 문에서 여러 개의 case를 한 번에 처리하려면 case들을 그룹화하고 동일한 코드를 실행하도록 구성할 수 있습니다. 아래는 간단한 예시 코드입니다. See the Pen javascript - switch 중복 case by saladent (@saladent) on CodePen. 위의 코드에서 apple, banana, orange는 모두 "This is a fruit"을 출력하게 됩니다. strawberry와 blueberry는 "This is a berry"를 출력하며, grape와 kiwi는 "This is a small fruit"을 출력하게 됩니다. default는 모든 case에 해당하지 않을 때 실행되는 부분입니다. break문은 해..
JavaScript에서 실수를 정수로 변환하는 간단한 방법은 Math.floor(), Math.ceil(), Math.round() 함수를 사용하는 것입니다. 내림(Math.floor) 아래의 예제는 Math.floor() 함수를 사용하여 실수인 변수 num을 가장 정수로 내림합니다. 소수점 아래의 값이 있든 없든 항상 바로 아래의 정수로 내립니다. See the Pen javascript - Math.fllor() by saladent (@saladent) on CodePen. 반올림(Math.round) 반올림이나 올림이 필요하다면 Math.round() 또는 Math.ceil()을 사용할 수 있습니다. 아래의 예제는 Math.round() 함수를 사용하여 실수인 변수 num을 정수로 반올림합니다. ..