본문 바로가기

전체 글

(47)
forEach 작동원리 *forEach, map, filter, reduce 는 모두 고차함수 고차함수는 자신의 매개변수에 함수값을 전달받는 것이다. function forEach(predicate, thisArg) a=[10, 11, 12, 13, 14, 15]; a.forEach(); 먼저 forEach부터 보면 forEach는 앞에는 함수, 뒤에는 내부에서 this로 사용할것을 받고있는 것이다. thisArg는 생략 가능. (원래부터 이렇게 만들어 진 것이다.) //function forEach(predicate, thisArg) a=[10, 11, 12, 13, 14, 15]; a.forEach(function()); forEach는 for반복문 대신 사용하는 애라고 생각하면 된다. function forEach(pre..
JS | 10부제 위반 차량 출력하기 ❓자동차 10부제 시스템에서 날짜의 일의 자리 숫자가 주어지고 7대의 자동차 번호의 끝 두 자리 수가 주어졌을 때 위반하는 자동차의 대수를 출력하는 프로그램을 작성하시오. function solution(day, arr) { let answer; return answer; } arr = [25, 23, 11, 47, 53, 17, 33]; console.log(solution(3, arr)); 먼저 day와 arr을 설정해서 값을 받아온다. day는 현재 날짜의 일의 자리 수이다. function solution(day, arr) { let answer= 0; return answer; } arr = [25, 23, 11, 47, 53, 17, 33]; console.log(solution(3, arr)..
JS | 홀수값 구해서 더하기 / 홀수 중 최솟값 ❓7개의 자연수가 있을 때, 홀수인 자연수를 모두 골라서 합을 구하고, 그 홀수들 중 최솟값을 찾으시오. function solution(arr) { let answer=[]; return answer; } 이번 문제는 답을 두 개 리턴해야하니까 answer에다가 답 두 개를 푸쉬해서 배열을 리턴할 것이다. 이제는 for문이 아닌, for of문(반복 수행)을 사용할 것이다. let answer=[]; let sum=0, min=Number.MAX_SAFE_INTEGER; for(let x of arr){ if(x%2 === 1){ } } return answer; } 보기 쉽게 x 변수를 설정해서 arr의 값을 받아온다. 그리고 그 x를 %2해서 1이 남는다면 홀수니까 더해준다. 그리고 sum 변수를 ..
JS | 최솟값 구하기 ❓7개의 수가 주어지면 그 숫자 중에 가장 작은 수를 출력하시오. function solution(arr) { let answer, min=Number.MAX_SAFE_INTEGER; for(let i=0; i
JS | 1부터 N까지 합 출력하기 ❓ 자연수 n을 입력하면 1부터 n까지의 합을 출력하는 식을 작성하시오. function solution(n) { let answer = 0; for (let i = 1; i
JS | 연필개수 ❓ 연필 1 다스는 12자루이다. 학생 1인당 연필을 1자루씩 나누어 준다고 할 때 N명의 학생수를 입력하면 필요한 연필의 다스 수를 계산하는 식을 작성하시오. 그럼 학생수에서 12를 나누고, 나머지가 나오면 나온 값에 1을 더해주면 된다. (그래야 못받는 학생이 나오지 않음) 그래서 여기서 사용할식은 Math함수의 ceil이다. ceil은 소수점이 나올 때 자연수로 올리는 것. *추가로, floor은 소수점이 있을 때 내려주는 것. round는 반올림해준다. function solution(n) { let answer=Math.ceil(n/12); return answer; } console.log(solution(200)); 코드는 이렇게 n을 받아서 answer변수에 Math.ceil로 해주고 ( ..
JS | 삼각형 판별하기 ❓ 길이가 서로 다른 A, B, C 세 개의 막대 길이가 주어지면 이 세 막대로 삼각형을 만들 수 있으면 "YES"를 출력하고, 만들 수 없으면 "NO"를 출력한다. 우선, 삼각형이 될 수 있는 조건을 알아보자. 가장 긴 변의 길이가 나머지 두 변의 길이의 합보다 작아야 한다. function solution(a, b, c) { let answer = "YES", max; return answer; } console.log(solution(13, 33, 17)); 우선 이렇게 answer이면 "YES"를 출력하는 변수와 가장 긴 막대를 표시할 수 있는 max를 지정해준다. function solution(a, b, c) { let answer = "YES", max; if (a > b) max = a; ..
헤더/푸터/레이아웃 작업 (react, postCSS 환경) const Fridge = ({ authService }) => { const history = useHistory(); const onLogout = () => { authService.logout(); }; useEffect(() => { authService.onAuthChange(user => { if (!user) { history.push('/'); } }); }); return ( ); }; 먼저 fridge에 헤더와 푸터를 묶고 있는 박스가 있고 헤더와 푸터 사이에는 컨텐츠가 들어갈 박스가 필요하기때문에 container div를 만들어준다. .fridge { width: 100%; height: 100%; } .container { } 그리고 css에서는 헤더와 푸터를 감싸고 있는 박스를..