기초부터 시작하는 코딩 114

Javascript를 이용한 사이트 만들기! - 패럴랙스 효과사이트 만들기04

- 마지막 패럴럭스 모드 입니다. - 가로와 세로를 합친 모습입니다. - 가로만 있는 것은 8번에 있습니다. Javascript parallax Effect09 페럴럭스 이펙트 : 가로 세로 효과 1 2 3 4 5 6 7 8 9 10 01 02 03 04-1 04-2 04-3 05 06 07 08 09 scrollTop : 0px - 전체 코드 입니다. - 기본적인 개념은 섹션4에 있는 4-1 ~ 4-3 들을 position을 fixed 즉 고정시켜 놓았습니다. - z-index의 차이를 주어서 눈에는 보이지 않지만 사실 맨 윗쪽부터 4-1 ~ 4-3들이 있는 것입니다. - 그리고 섹션4의 z-index만 4-1 ~ 4-3보다 낮게 주어서 섹션4에 오면 4-1 ~ 4-3들이 보이게 해주었습니다. - 그리..

Programmers 문제를 풀어봅시다. Day15

1. 문자열 정렬하기 (1) 문자열 my_string이 매개변수로 주어질 때, my_string 안에 있는 숫자만 골라 오름차순 정렬한 리스트를 return 하도록 solution 함수를 작성해보세요. - 정답은 function solution(my_string) { my_string = my_string.replace(/[a-z]/g, ''); // 영어 소문자를 공백으로 대체 let answer = new Array(my_string.length); // 새로운 배열 answer 생성 for (let i = 0; i < my_string.length; i++) { answer[i] = parseInt(my_string.charAt(i)); // 새로운 배열에 남은 숫자를 담는다 } answer.sor..

Programmers 문제를 풀어봅시다. Day14

1. 주사위의 개수 머쓱이는 직육면체 모양의 상자를 하나 가지고 있는데 이 상자에 정육면체 모양의 주사위를 최대한 많이 채우고 싶습니다. 상자의 가로, 세로, 높이가 저장되어있는 배열 box와 주사위 모서리의 길이 정수 n이 매개변수로 주어졌을 때, 상자에 들어갈 수 있는 주사위의 최대 개수를 return 하도록 solution 함수를 완성해주세요. - 정답은 function solution(box, n) { let answer = 0; let box_W = box[0] let box_D = box[1] let box_H = box[2] let dice = n let dice_W = Math.floor(box_W / n); let dice_D = Math.floor(box_D / n); let dice_..

Programmers 문제를 풀어봅시다. Day13

1. 2차원으로 만들기 정수 배열 num_list와 정수 n이 매개변수로 주어집니다. num_list를 다음 설명과 같이 2차원 배열로 바꿔 return하도록 solution 함수를 완성해주세요. num_list가 [1, 2, 3, 4, 5, 6, 7, 8] 로 길이가 8이고 n이 2이므로 num_list를 2 * 4 배열로 다음과 같이 변경합니다. 2차원으로 바꿀 때에는 num_list의 원소들을 앞에서부터 n개씩 나눠 2차원 배열로 변경합니다. num_list n result [1, 2, 3, 4, 5, 6, 7, 8] 2 [[1, 2], [3, 4], [5, 6], [7, 8]] - 정답은 function solution(num_list, n) { const answer = []; for(let i..

Programmers 문제를 풀어봅시다. Day12

1. 개미군단 개미 군단이 사냥을 나가려고 합니다. 개미군단은 사냥감의 체력에 딱 맞는 병력을 데리고 나가려고 합니다. 장군개미는 5의 공격력을, 병정개미는 3의 공격력을 일개미는 1의 공격력을 가지고 있습니다. 예를 들어 체력 23의 여치를 사냥하려고 할 때, 일개미 23마리를 데리고 가도 되지만, 장군개미 네 마리와 병정개미 한 마리를 데리고 간다면 더 적은 병력으로 사냥할 수 있습니다. 사냥감의 체력 hp가 매개변수로 주어질 때, 사냥감의 체력에 딱 맞게 최소한의 병력을 구성하려면 몇 마리의 개미가 필요한지를 return하도록 solution 함수를 완성해주세요. - 정답은 function solution(hp) { let answer = Math.floor(hp/5) + Math.floor((hp..

Programmers 문제를 풀어봅시다. Day11

1. 머쓱이보다 키 큰 사람 머쓱이는 학교에서 키 순으로 줄을 설 때 몇 번째로 서야 하는지 궁금해졌습니다. 머쓱이네 반 친구들의 키가 담긴 정수 배열 array와 머쓱이의 키 height가 매개변수로 주어질 때, 머쓱이보다 키 큰 사람 수를 return 하도록 solution 함수를 완성해보세요. function solution(array, height) { let answer = 0; for (let i = 0; i height) { answer++; } } return answer; } 2. 모음 제거 영어에선 a, e, i, o, u 다섯 가지 알파벳을 모음으로 분류합니다. 문자열 my_string이 매개변수로 주어질 때 모음을 ..