2023/05/17 2

Programmers 문제를 풀어봅시다. Day2

- 2일차 입니다. 1. 정수 num1과 num2가 매개변수로 주어집니다. 두 수가 같으면 1 다르면 -1을 retrun하도록 solution 함수를 완성해주세요. - 정답은 function solution(num1, num2) { var answer = 0; num1 === num2 ? answer = 1 : answer = -1 ; return answer; } solution() 2. 첫 번째 분수의 분자와 분모를 뜻하는 numer1, denom1, 두 번째 분수의 분자와 분모를 뜻하는 numer2, denom2가 매개변수로 주어집니다. 두 분수를 더한 값을 기약 분수로 나타냈을 때 분자와 분모를 순서대로 담은 배열을 return 하도록 solution 함수를 완성해보세요. - 정답은 functio..

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

- 스크롤을 할 때마다 정해둔 위치에 오면 사진과 함께 흰색/ 주황색 효과가 나타났다 사라집니다. - 코드를 보시죠 - CSS와 스크립트 부분입니다. - 오늘은 특히 CSS부분이 많은데 천천히 보시죠 - 우선 스크립트 입니다. - reveal 이라는 클라스가 있는 p태그 안의 글자를 span태그로 감싸주었습니다. - 그리고 scroll이라는 함수를 만들고 requestAnimationFrame을 주어 첫 실행후 scroll이라는 함수가 초당60번 재생되게 만들어 주었습니다. - 그리고 reveals라는 선택자를 만들어 모든 reveals를 선택한 뒤 forEach를 통해 함수를 실행시켜주었습니다. - 먼저 reveal들 안에 있는 이미지 태그들의 높이 값을 구했습니다. - 그냥 오프셋값을 넣으면 부모태그..