왈왈이의 기술블로그

for...of 반복문은 ES6(ECMAScript 2015)에서 도입된 새로운 반복문입니다. 이 반복문은 배열이나 이터러블 객체(iterable object)의 요소들을 순회하는 데 사용됩니다. for...of 반복문은 for...in 반복문과는 다르게 객체의 프로퍼티를 열거하는 것이 아니라, 객체의 값을 순회합니다. 예를 들어, 다음과 같은 배열이 있다고 가정해봅시다. const arr = [1, 2, 3]; for (const item of arr) { console.log(item); } // 출력 결과: 1 2 3 for...of 반복문은 배열의 각 요소에 대해 순서대로 반복합니다. 이때 반복 변수인 item은 배열의 요소를 나타냅니다. for...of 반복문은 배열뿐만 아니라 문자열, Map,..

이터러블 객체 (iterable object)란 for loop로 순회할 수 있는 객체이다. 대표적으로 '배열 (Array)'이 있으며, '문자열 (String)'도 이터러블 객체이다. 즉, 이터러블 객체란 for문으로 요소를 순환할 수 있는 객체라고 볼 수 있다.

JSON.parse() : JSON → JavaScript JSON.parse() 메소드는 JSON 형식의 문자열을 JavaScript 객체로 변환하는 함수입니다. 이 메소드는 JSON 문자열을 인수로 받아서, 그 문자열을 파싱하여 JavaScript 객체를 반환합니다. 예를 들어, 다음과 같은 JSON 문자열이 있다고 가정해봅시다. { "name": "John", "age": 30, "city": "New York" } 이 JSON 문자열을 JavaScript 객체로 변환하려면 다음과 같이 JSON.parse() 메소드를 사용할 수 있습니다. const jsonString = '{"name":"John","age":30,"city":"New York"}'; const obj = JSON.parse(js..

JavaScript에서 splice() 메서드는 배열의 요소를 추가하거나 제거하는 메서드입니다. splice() 메서드는 배열을 변경합니다. 즉, 원래 배열을 수정합니다. splice() 메서드는 원래 배열에서 시작 인덱스를 지정하고 시작 인덱스부터 제거할 요소 수를 지정할 수 있습니다. 또한 새로운 요소를 배열에 추가할 수도 있습니다. splice() 메서드는 다음과 같은 구문으로 사용할 수 있습니다. array.splice(start[, deleteCount[, item1[, item2[, ...]]]]) 여기서 array는 배열이며, start는 배열에서 요소를 제거하거나 새로운 요소를 삽입할 위치를 지정합니다. deleteCount는 선택적 매개변수이며, 배열에서 제거할 요소의 수를 지정합니다. ..

JavaScript에서 forEach() 메서드는 배열의 각 요소에 대해 주어진 함수를 실행합니다. 이 메서드는 일반적으로 for 루프를 대체하여 배열을 반복하는 데 사용됩니다. 다음은 forEach() 메서드를 사용하여 배열의 모든 요소를 출력하는 간단한 예제입니다. const numbers = [1, 2, 3, 4, 5]; numbers.forEach(function(number) { console.log(number); }); 이 예제에서는 forEach() 메서드를 사용하여 numbers 배열의 각 요소를 반복하고, 각 요소를 인자로 받는 함수를 호출하여 콘솔에 출력합니다. forEach() 메서드의 인자로는 반복할 함수를 전달합니다. 이 함수는 배열의 요소를 처리하는 동안 호출됩니다. 이 함수는..

JavaScript에서 trim() 메서드는 문자열의 앞뒤에 있는 공백을 제거하는 메서드입니다. trim() 메서드는 문자열의 시작 부분과 끝 부분에서 공백 문자를 제거합니다. trim() 메서드는 다음과 같은 구문으로 사용할 수 있습니다. str.trim() 여기서 str은 문자열입니다. trim() 메서드는 원래의 문자열을 변경하지 않고 새로운 문자열을 반환합니다. 예를 들어, 다음과 같은 문자열이 있다고 가정해 봅시다. const str = " Hello, World! "; 다음과 같이 trim() 메서드를 사용하여 문자열의 앞뒤에 있는 공백을 제거할 수 있습니다. const trimmedStr = str.trim(); console.log(trimmedStr); // "Hello, World!" ..

JavaScript에서 map() 메소드는 배열에 적용되며, 배열의 각 요소를 순서대로 함수로 가공하여 새로운 배열을 반환하는 메소드입니다. map() 메소드는 함수를 인수로 받습니다. 이 함수는 배열의 각 요소에 대해 호출되며 각 요소를 변환하고 새로운 배열에 삽입합니다. map() 메소드는 원래 배열을 변경하지 않고 새로운 배열을 생성합니다. map() 메소드는 다음과 같은 구문으로 사용할 수 있습니다. arr.map(callback[, thisArg]) 여기서 arr은 배열이고 callback은 각 요소에 대해 호출될 함수입니다. thisArg 매개변수는 선택적이며 callback 함수에서 this 값을 지정하는 데 사용됩니다. callback 함수는 다음과 같은 매개변수를 가집니다. current..

REPL에 무언가 입력 중 오타를 내고 enter를 눌러 실행 했을 때 아무리 enter를 다시 눌러도...만 반복적으로 출력되고 빠져 나갈 수 없을 때가 있다. 이때 다른 아무 문자나 입력하고 enter를 누르면 빠져나올 수 있다.

REPL은 브라우저가 아닌 환경에서도 Java Script의 콘솔 역할을 하는 도구이다. node.js가 설치되어 있다면 터미널에 node를 입력하면 바로 REPL이 실행된다. $ node console.log() 등 모든 javascript 구문이 console과 동일하게 바로 실행된다. 종료 할 때는 .exit을 입력하거나 $.exit ctrl+d 입력, 혹은 ctrl+c를 두 번 입력하면 된다.

터미널을 재시작할 때마다 .zshrc 파일이 초기화되거나, bash쉘에서 설치한 node를 zsh쉘에선 인식하지 못해 발생하는 문제라고 한다. 이유는 차치하고, nvm이 설치된 폴더로 가서, 기존에 만들어둔 .zshrc 파일이 있는지 확인하고 있다면, vi .zshrc vi 편집기로 .zshrc를 열어, 아래 코드를 입력한다. nvm 설치 과정에서 입력해줬던 코드로, 개인마다 경로가 다를 수 있으므로, 본인에 맞게 수정하여 입력하자 export NVM_DIR="$HOME/.nvm" [ -s "/usr/local/opt/nvm/nvm.sh" ] && \. "/usr/local/opt/nvm/nvm.sh" # This loads nvm [ -s "/usr/local/opt/nvm/etc/bash_comple..