혼자 적어보는 노트

let num=1234; let sum=0; while(num){ sum+=(num%10); num=Math.floor(num/10) } // 4 + 3 + 2 + 1 console.log(sum) // 10 자릿수 구하려면 나머지를 구하는 방식으로 접근하여 진행 혹은 reduce 사용 let num=1234; let sum = num.toString().split('').reduce((a,b) => a + Number(b), 0); console.log(sum) // 10

진행 상태 바 진행 상태 바 표시는 생각보다 간단했다 html에서 status bar를 status로 감싸주고 질문으로 넘어가는 함수 안에 statusBar의 with를 (100/전체 질문 수)*(질문index-1) + "%" 로 변경되게 하였다. Result페이지 이동 질문으로 넘어가는 함수 안에 질문의 index 가 전체 질문 개수와 같으면 결과 함수가 실행되게 설정 if(qIdx === qCount){ goResult(); return; } 결과값을 도출하려면 사용자가 몇 번째 질문에서 몇 번째의 답을 적었는지를 담아주어야 하는데 질문을 생성하는 함수에 answer의 index값을 받아서 답변을 클릭하면 만들어 놓은 select 배열의 qIdx 번째의 요소의 값에 aIdx 값이 들어가게 만들어주었다..

미니 프로젝트를 구상하던 중 가볍게 어떤 것 부터 만들어볼까 생각하던 중에 떠오른 심리테스트. 옛날에 친구들이랑 꽤나 많이 했었고 재미삼아 하던 게 기억이 난다. 그 때 당시에도 나만의 심리테스트를 만들고 싶어 했었는데 드디어 시작! 테스트 시작하기 일단 main / qna / result 세가지 section으로 나누어서 진행. 페이지 이동 없이 main에서 테스트시작 버튼을 누르면 main이 사라지고 qna가 노출, qna의 질문이 끝나면 qna section이 사라지고 result가 노출되는 방식. container는 3 section의 영역의 정렬을 맞추기 위해 감싸주었다. bootstrap을 사용 할 까 했지만 css로 일일히 작업하기로 했다. 일단 폼만 만들어 놓고 데이터와 내용은 나중에 입히..

forEach랑 filter는 종종 사용했었는데 map이랑 reduce는 안쓰다보니 헷갈려서 정리! forEach, map, filter, reduce *콜백함수를 사용하는 메소드들 *배열안의 요소들을 하나하나 탐색해줌 (for문 처럼) 1. forEach *주어진 함수를 배열안의 요소들에게 각각 실행. let a= ["사과","바나나","복숭아"]; a.forEach(function(value, index){ console.log(value, index, this); }, [1,2]) // 결과 // 사과 0 [1,2] // 바나나 0 [1,2] // 복숭아 0 [1,2] 2. map 원본 배열의 요소들을 하나하나 탐색하면서 return한 값들로 새로운 배열을 생성. (원본 배열의 길이와 동일) let..