javaScript function
-
TIL : 재귀(Recursion) 함수 / fibonacci numbers 구현캡틴 코딩일기/javascript 2020. 3. 14. 23:50
TIL : 재귀(Recursion) 함수 / fibonacci numbers 구현 오늘은 재귀 함수를 활용한 피보나치수열(fibonacci numbers) 구현을 공부하였다. 재귀 함수란, 자기 자신을 호출하는 함수를 의미한다. 함수에 숫자가 주어지면 1씩 작은 숫자를 곱하고, 마지막으로 1을 곱하여 그 결과를 반환하는 로직에 재귀 함수가 사용되는 예시를 강의에서 보게 되었다. function multiply(n){ if(n === 1){ return 1; // 1은 더이상 곱할 숫자가 없기때문에, 1을 반환 } return n*multiply(n-1); // multiply( )함수를 함수 안에서 다시 사용(= 재귀함수) } // multiply(5) -> 5*multiply(4) 5*[4*{3*(2*..
-
Twittler(Twitter clone) 구현하기 - (5) random한 tweet 불러오기캡틴 코딩일기/javascript 2020. 3. 11. 14:00
Twittler(Twitter clone) 구현하기 - (5) random 한 tweet 불러오기 이번엔, check new tweet 버튼을 눌러서 random 한 user name - message를 불러와서, tweet창에 추가하는 함수에 대해 정리해보겠다. data.js 에 담긴 data는 user name과 message가 각각 분리된 '배열(array)'로서 저장되어있다. randomUser = []; randomMessage = []; 그리고, 내가 만든 함수는 아니지만 random한 index를 생성하는 함수가 미리 구현되어있었다. 이 포스팅을 정리하면서 처음 들여다보게 되었는데, MDN에서도 내용을 다루고 있어서 쉽게 이해가 되었다. (Math.floor / Math.random 을 검색..
-
Twittler 구현하기 - (4) HTML에 입력한 글을 javascript로 처리하기캡틴 코딩일기/javascript 2020. 3. 10. 13:00
Twittler 구현하기 - (4) HTML에 입력한 글을 javascript로 처리하기 벌써 twittler에 대한 네 번째 포스팅이라니! 이번에는 user name과 comment 아래에 만들어둔 text / textarea에 직접 입력하는 내용을 javascript 함수를 사용해서, new tweet으로서 추가하는 방법에 대해 정리하겠다. 지난 포스팅에서 다루었던 DOM관련 내용 중에, selector를 지정하는 방법은 네 가지가 있다고 언급되었다. 어떤 selector에도 사용이 용이한 'querySelector'를 사용하여 기능 구현에 대해 설명하려고 한다. 먼저, 입력 ~ 출력의 순서에 대해 정리해보았다. 1) user name과 comment 에 각각 해당하는 내용을 작성한다. 2) twee..