Front-End/JavaScript,TypeScript11 [JavaScript] 배열 객체의 활용 개요코딩을 할 때 가장 많이 사용하는 자료 구조 중 하나인 배열 객체를 JavaScript에서 더 다양하고 쉽게 사용할 수 있도록 해주는 메서드들에 대해 알아보았다. forEach()를 통한 반복굳이 for문이나 while문을 사용하지 않아도 forEach() 메서드를 통해 배열 내 객체들을 하나씩 순회하며 반복적으로 로직을 수행하도록 만들 수 있다.const numbers = [ 1, 2, 3, 4, 5 ];// for문 사용for( let i=0; i console.log( num ) );드라마틱한 정도로 줄어들지는 않지만 불필요한 반복문을 줄일 수 있다는 특징이 있다. every()와 some()해당 배열이 특정 조건을 만족하는 값으로 이루어졌는지 확인할 수 있는 수단으로 유용하게 사용할 수 있다... 2025. 9. 8. [JavaScript] 배열을 통한 Queue, Stack 구현 개요자료구조에 가장 기본적인 구조이자 많이 사용하는 Queue 구조와 Stack 구조가 있다. Java의 경우 Queue 인터페이스가 있고, Stack 인터페이스가 있으며 이를 구현한 구현체인 LinkedList나 ArrayList가 있기에 이를 그대로 사용하면 되지만 JavaScript에서는 어떻게 구현하는 것이 좋을까 하다가 의외로 내장 객체인 Array 객체에 이를 구현하는데 큰 도움이 되는 함수들이 있어서 기록하고자 한다. Queue와 StackJavaScript에서 두 구조를 구현하는 방법에 대한 글이기 때문에 각 자료구조에 대해서는 간단히 설명하고 넘어가고자 한다.Queue의 경우 FIFO( 선입 선출 )의 특징을 갖고 있는 자료구조로 파이프와 같은 형태의 데이터 저장소라고 보면 된다.Stac.. 2025. 9. 5. [JavaScript] String 내장 객체의 비슷한 기능의 함수 비교 개요JavaScript의 Built-In 객체에 보면 String이 있는데, 이 안에 다양한 메서드들이 존재한다.근데 가만 보면 비슷한 기능을 하는 메서드가 있는 경우가 있다.굳이 왜 비슷한 기능을 하는 메서드를 만들어 두었을까... 싶어서 이런 함수들을 찾아보고 비교해보려 한다. 1. slice() vs. substring()제일 먼저 slice() 메서드와 substring() 메서드이다. 둘 다 문자열의 특정 구간을 가져오기 위한 함수이다.둘 다 파라미터로 시작점, 끝점을 보내는데 무슨 차이가 있어서 이렇게 구분을 해놓았나 가장 궁금했던 함수이다.let line = "JavaScript";line.slice( 2, 5 ); // "vas"line.substring( 2, 5 ); .. 2025. 9. 5. [JavaScript] Callback Function ( 콜백 함수 ) 개요JavaScript에서는 특정 함수의 파라미터( 매개 변수 )로 함수를 넘겨줄 수 있다. 이 때, 파라미터로 넘어온 함수를 'Callback Function( 콜백 함수 )'라고 부르게 되고, 전달받은 함수가 이 콜백 함수의 제어권을 갖게 된다.JavaScript에서는 함수를 다양한 형태로 사용할 수 있으며, 콜백 함수의 경우 실제로 유용하기도 하고 많이 사용되는 형태이다. Callback Function의 사용일반적인 형태function calculate( x, y, func ){ let result = func( x, y ); console.log( result );}function add( x, y ){ return x + y;}function minus( x, y ){ return x -.. 2025. 9. 5. [JavaScript] 변수 var, let, const 개요JavaScript를 사용하면서 변수를 지정할 때 따로 자료형을 지정해주지 않는다. 그렇기에 JavaScript에서는 변수를 선언할 때 변수 이름과 키워드를 통해 선언해줄 수 있다. 0. 모든 키워드 공통var, let, const 모두 적용되는 공통적인 특징으로 Hoisting이 이루어진다는 특징이 있다.Hoisting이란, 코드가 빌드되는 과정에서 함수, 변수 선언 및 import 문을 먼저 선언하도록 순서를 변경되는 작업을 의미한다.// 작성 코드console.log( name );var name = "Lee";// 실제 실행되는 과정var name;console.log( name );name = "Lee";위 코드를 보면 실제 코드를 작성할 때 선언을 사용보다 뒤에서 해도 코드가 에러 없이 작.. 2025. 9. 4. 이전 1 2 다음