🍓𝗪𝗲𝗯
-
[제코베/JavaScript] 38번 호준이의 아르바이트🍓𝗪𝗲𝗯/𝖩𝖺𝗏𝖺𝖲𝖼𝗋𝗂𝗉𝗍 2021. 7. 10. 10:28
1. 문제 설명 호준이는 아르바이트로 영어 학원에서 단어 시험지를 채점하는 일을 하고 있다. 호준이가 일하는 학원은 매번 1위부터 3위까지의 학생에게 상으로 사탕을 준다. 그런데 오늘은 마침 사탕이 다 떨어져서 호준이가 채점을 하고 점수를 보내면, 당신이 아이들의 숫자만큼 사탕을 사러 가기로 했다. 1위 ~ 3위 학생은 여러명일 수 있고 1~3위 학생 중 중복되는 학생까지 포함하여 사탕을 사기로 한다. 학생들의 점수를 공백으로 구분하여 입력을 받고 사탕을 받을 학생의 수를 출력하세요. 2. 나의 풀이 set으로 중복 없애고, 순위 3개 점수를 구해서 배열을 만든다. 새롭게 만든 배열(중복없는 순위3개)과 동일한 점수가 있으면 count를 1 증가시킨다. const data = prompt('점수를 입력하..
-
JavaScript reduce()🍓𝗪𝗲𝗯/𝖩𝖺𝗏𝖺𝖲𝖼𝗋𝗂𝗉𝗍 2021. 7. 9. 21:21
제코베 자바스크립트 37번, 반장선거 새 학기를 맞아 호준이네 반은 반장 선거를 하기로 했습니다. 그런데 표를 하나씩 개표하는 과정이 너무 번거롭게 느껴진 당신은 학생들이 뽑은 후보들을 입력받으면 뽑힌 학생의 이름과 받은 표 수를 출력하는 프로그램을 작성하기로 하였습니다. const array = prompt('이름을 입력해주세요.').split(' '); let result = {}; let winner = ""; for (let index in array) { let val = array[index]; result[val] = result[val] === undefined ? 1 : result[val] = result[val] + 1; } winner = Object.keys(result).redu..
-
JavaScript 클로저🍓𝗪𝗲𝗯/𝖩𝖺𝗏𝖺𝖲𝖼𝗋𝗂𝗉𝗍 2021. 7. 9. 13:01
클로저 외부변수를 기억하고 이 외부 변수에 접근할 수 있는 함수 함수안에 변수는 함수가 실행될 때 값이 부여된다. 자바스크립트는 함수 단위로 스코프가 생성된다. inner 스코프 안에 변수가 없으면, 다음 outer 스코프에서 변수를 찾는다. 자바스크립트는 함수 내부에서 함수 외부에 있는 변수에 접근할 수는 있지만, 함수 외부에 있는 변수는 함수 내부에 접근할 수 없다. 함수와 함수가 접근할 수 있는 스코프가 클로저 관계를 맺는다. 관련문제 function one(n) { function two(val) { return Math.pow(val, n); } return two; } const a = one(2); const b = one(3); const c = one(4); console.log(a(10..
-
JavaScript slice(), includes() 시간복잡도🍓𝗪𝗲𝗯/𝖩𝖺𝗏𝖺𝖲𝖼𝗋𝗂𝗉𝗍 2021. 7. 8. 08:28
1. slice() 지정한 start 부터 end까지 복사하여 새로운 객체를 만드는 함수이며, 입력 데이터 크기와 배열의 길이에 따라 처리 시간이 달라지기 때문에 시간복잡도는 O(n) 2. includes() includes()는 배열이 특정 값을 포함하는지 확인하는 함수이다. 배열 arr에 5가 포함되어 있는지 검사할 때 arr[0]부터 검사하고 최악의 경우는 배열의 마지막 원소까지 검사해야 한다. 따라서 시간복잡도는 O(n)
-
JavaScript indexOf(), lastIndexOf(), includes()🍓𝗪𝗲𝗯/𝖩𝖺𝗏𝖺𝖲𝖼𝗋𝗂𝗉𝗍 2021. 7. 7. 08:19
indexOf() indexOf() 메서드는 호출한 스트링 객체나 배열에서 * 주어진 값과 일치하는 값 혹은 요소의 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환한다. indexOf(찾을 문자, 시작위치)를 사용한다. 시작위치는 생략이 가능하다. const input = prompt('문자열을 입력하세요.'); const findInput = prompt('찾을 문자열을 입력하세요.'); console.log(input.indexOf(findInput)); lastIndexOf() 특정문자나 문자열이 뒤에서부터 처음 발견되는 인덱스(왼쪽에서 몇번째에 위치하는지)를 반환한다. 찾지 못했을 경우 -1을 반환한다. includes() 호출한 스트링객체나 배열에 주어진 문자가 있으면 true, 없으면 ..
-
JavaScript Set 객체 생성🍓𝗪𝗲𝗯/𝖩𝖺𝗏𝖺𝖲𝖼𝗋𝗂𝗉𝗍 2021. 7. 7. 07:27
1. 선언 1. var mySet = new Set(); 2. 메서드 1. add() : Set 객체에 주어진 값을 주어진 새로운 요소를 추가한다. 2. delete() : value와 관련된 요소를 제거한다. 3. entries() : Set 객체 각 값에 대한 [value, value]배열을 포함하는 새로운 Iterator 객체를 반환한다. 4. forEach(callbackFn) 5. has() : Set 객체 내 주어진 값을 요소가 있는지를 주장하는 boolean을 반환한다. 6. keys() 7. values() Set 객체를 배열 객체로 변환 : Array.from var myArr = Array.from(mySet); Array를 Set으로 변환 : Set 사용 var myArray = ['..
-
[한솔홈데코] HTML5 + CSS3를 이용한 헤더 영역 개발🍓𝗪𝗲𝗯/𝖢𝖲𝖲 2021. 7. 6. 21:47
1. 목표 2. 설계 1. block요소에만 text-align을 적용할 수 있고, 정렬되는 것은 block 안의 inline요소만 가능하다! - gnb(대메뉴)에서도 display: inline-block;을 통해 inline요소처럼 취급되었기 때문에 가로로 정렬될 수 있었다. 2. 로고 이미지 넣을 때 width와 height를 지정하고 싶으면 display: block;으로 지정한다. - position: absolute; left: 50px; 을 줘서 왼쪽 기준으로 오른쪽으로 50px만큼 이동하여 위치하게 한다. 3. 활성화될 때 글자바로 밑에 줄이 생기게 하기 위해서 태그를 추가하고 position: relative;로 설정한다. - 그리고 링크에 hover될 때, 줄을 그어준다. - 줄은 po..