재귀함수를 코드에 적용해보자
·
Front/javascript
[재귀함수]함수에서 자기 자신을 다시 호출해 작업을 수행하는 방식이다. 특정 분기까지 자기 자신을 계속해서 호출하는데, 주로 반복문을 구현할 때 사용한다. [목표]api응답으로  String 형태의 객체 안에 3개의 배열을 받아온다. 그중 각 배열의 첫 번째 요소만 사용하되 이미 동일한 내용이 있으면 그다음 요소 저장하도록 하는 걸 구현하고 싶다.간단하게 설명하면  [a,b,c]   [a, b, c]  [d, e, f] 면  [a, b, d] 저장하는 식으로!  근데 String 형태이기 때문에 json 파싱이 안되서 match를 통해 원하는 정보를 빼주고 이전의 정보와 비교하면서 같은 게 있으면 다음 match로 넘아가는 방법으로 코드를 짜 주었다. [구현]if (fileList) { ..
setInterval 을 알아보자
·
Front/javascript
일정 시간이 지난 후에 원하는 함수를 예약 실행(호출)할 수 있게 하는 것을 '호출 스케줄링(scheduling a call)'이라고 하는데 여기서 대표적인 것이 setInterval 와 setTimeout 이다.  [setInterval vs setTimeout]  setInterval : 일정 시간 간격을 두고 함수를 실행하는 방법  setTimeout : 일정 시간이 지난 후에 함수를 실행하는 방법[setInterval]  이 메서드는 간격(interval)을 고유하게 식별할 수 있는 interval ID를 반환하기 때문에 clearInterval() 함수를 호출하여 적절히 제거하고 사용하여야 깨끗하게 코드를 작성할 수 있다.  [문법]setInterval(callback, delay); cal..
JS spread operator 스프레드 연산자(...)
·
Front/javascript
스프레드 연산자(...)를 사용하면 배열이나 객체의 요소를 하나하나 분해하여 이를 함수의 인자로 사용하거나 배열 요소, 객체 속성으로 펼쳐서 사용할 수 있게 해 준다. 이는 데이터 복사, 합치기 등의 작업을 매우 간결하게 처리할 수 있게 도와준다!  말로 들으면 잘 이해가 안가는데, 코드를 보면 아주 확실히 알 수 있다.   배열의 스프레드 기존 방식 let arr1 = [1, 2, 3];let arr2 = [4, 5];// arr1과 arr2를 합치기let combinedArr = arr1.concat(arr2);console.log(combinedArr); // [1, 2, 3, 4, 5] 스프레드 연산자 사용 let arr1 = [1, 2, 3];let arr2 = [4, 5];// arr1과 ar..
[Javascript] 요소를 복사하여 사용하기 - JS clone
·
Front/javascript
[목표]받아온 데이터를 생성 된 html에 값을 할당해 데이터의 수 만큼 복제하고 싶다!   [html 생성]아래와 같이 html이 있다고 하쟈   [script 구현] makeList 라는 함수를 정의해서 저기에 데이터를 넣으면 바로 실행 되게 해주자 function makeList(data) {let $clone = gb_2.$html.clone(); //복사할 개체를 선택해서 $clone 이라는 걸 만들어준다 for (var i = 0; i ]
해니01_15
'Front/javascript' 카테고리의 글 목록 (2 Page)