밤토리
728x90
[JS] Array.from 배열 변환 및 연산, 1~N까지 채우기
Frontend/Javascript 2023. 2. 10. 22:48

오늘의 포스팅은 배열에 관한 예제입니다. String을 배열로 변경하고싶거나, 배열내 연산이 필요할때 Array.from을 사용해봅니다. 사실 이 외에도 Array.from으로 할 수 있는건 생각보다 많습니다. Array.from() 메서드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운Array 객체를 만듭니다. Array.from(arrayLike[, mapFn[, thisArg]]) * arrayLike : 배열로 변환하고자 하는 객체 * mapFn (Optional) : map * thisArg (Optional) : map 실행시 this로 사용할 값 String → 배열, 배열 내 연산 (덧셈, 곱셈 등) // Stri..

article thumbnail
[JS] 이벤트 버블링과 이벤트 캡처란 ?
Frontend/Javascript 2023. 2. 6. 22:35

이벤트 버블링, 이벤트 캡처 그리고 이벤트 위임까지 (기본) 이벤트 버블링, 이벤트 캡처링, 그리고 이벤트 위임까지 이벤트 전달 방식과 관련된 모든 것을 파헤쳐 봅니다. joshua1988.github.io 이번 포스팅에서는 위의 블로그를 참고하여 이벤트 버블링과 캡처에 대해서 알아보고자 한다. 먼저 이벤트 버블링과 캡처에 대해 알기 전, 이벤트 등록을 위해 아래와 같이 작성하였다. 1) 이벤트 등록방법 : addEventListener HTML Button-Click first-class second-class third-class JS //button이라는 선태자 or 요소를 선택한다. const btn = document.querySelector('button'); //'click' event를 등..

[Node JS] Softeer 연습문제 Practice A+B
Frontend/Node 2023. 2. 5. 17:10

[Node JS] readline 모듈로 입출력 방법 코딩공부를 하려고보니 막상 입출력 관련 모듈을 제대로 사용해본적 없었다. Javascript 입출력 관련은 여러가지 모듈들이 있지만.. 내장 모듈을 사용하고자 "readline"을 소개하려고 한다. 1) readline torimaru.tistory.com 이전글을 참고하여 간단하게 소프티어 연습문제를 풀어보았다. readline이 익숙치 않아 연습이 많이 필요해보인다. const readline = require('readline'); const rl = readline.createInterface({ input : process.stdin, output : process.stdout }); let sum = []; let array = []; //..

article thumbnail
[Node JS] readline 모듈로 입출력 방법
Frontend/Node 2023. 2. 1. 21:42

코딩공부를 하려고보니 막상 입출력 관련 모듈을 제대로 사용해본적 없었다. Javascript 입출력 관련은 여러가지 모듈들이 있지만.. 내장 모듈을 사용하고자 "readline"을 소개하려고 한다. 1) readline을 본격적으로 사용하기 앞서 기본적으로 필수적인 작성을 해야한다. //readline 모듈 IMPORT const readline = require('readline'); // 입출력을 위한 인터페이스 객체 생성 const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); 2) "on" 메서드를 통해 작성할 수 있으며, rl (=realine)은 line 한줄 한줄을 작성하기 위한 이벤트, clo..

728x90