2023/06 11

Programmers 문제를 풀어봅시다. Day19

1.한 번만 등장한 문자 문자열 s가 매개변수로 주어집니다. s에서 한 번만 등장하는 문자를 사전 순으로 정렬한 문자열을 return 하도록 solution 함수를 완성해보세요. 한 번만 등장하는 문자가 없을 경우 빈 문자열을 return 합니다. function solution(s) { let answer = []; for (let i = 0; i < s.length; i++) { if (s.indexOf(s[i]) === s.lastIndexOf(s[i])) { answer.push(s[i]) } } return answer.sort().join('') } - for 루프를 사용하여 문자열 s를 인덱스 i를 기준으로 순회합니다. - indexOf 메서드를 사용하여 s에서 문자 s[i]의 첫 번째 등장..

Programmers 문제를 풀어봅시다. Day18

1.대문자와 소문자 문자열 my_string이 매개변수로 주어질 때, 대문자는 소문자로 소문자는 대문자로 변환한 문자열을 return하도록 solution 함수를 완성해주세요. function solution(my_string) { const answer = []; for (let i = 0; i < my_string.length; i++) { const c = my_string[i]; if (c.toLowerCase() === c) { answer.push(c.toUpperCase()); } else { answer.push(c.toLowerCase()); } } return answer.join(''); } - 먼저, 빈 배열 answer를 선언합니다. 이 배열은 반전된 문자들을 저장하기 위한 용도로..

Programmers 문제를 풀어봅시다. Day17

1. 가까운 수 정수 배열 array와 정수 n이 매개변수로 주어질 때, array에 들어있는 정수 중 n과 가장 가까운 수를 return 하도록 solution 함수를 완성해주세요. function solution(array, n) { array.sort(function(a, b) { return a - b; }); let answer = 0; let com = n + 100; for (let i = 0; i < array.length; i++) { if (Math.abs(array[i] - n) < com) { com = Math.abs(array[i] - n); answer = array[i]; } } return answer; } - 함수 solution은 먼저 array를 오름차순으로 정렬합니다..

Programmers 문제를 풀어봅시다. Day16

1. 중복된 문자 제거 문자열 my_string이 매개변수로 주어집니다. my_string에서 중복된 문자를 제거하고 하나의 문자만 남긴 문자열을 return하도록 solution 함수를 완성해주세요. function solution(my_string) { let answer = ''; for (let i = 0; i < my_string.length; i++) { if (!answer.includes(my_string[i])) { answer += my_string[i]; } } return answer; } solution 함수는 주어진 문자열 my_string을 매개변수로 받습니다. answer 변수를 빈 문자열로 초기화합니다. 이 변수는 중복을 제거한 문자열을 저장할 것입니다. for 루프를 사용..

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들이 보이게 해주었습니다. - 그리..