자바스크립트 2

[자바스크립트] 마우스 이동에 따른 이미지 움직임 & 글레어 효과

해당 코드는 유튜브의 코딩애플님의 영상을 보며 적용했습니다. 구현 과정 우선 css요소는 하나씩 적용하며 변경하면 더욱 재미있는 효과가 나올 것 같으며 가장 중요했던 것으로는 이벤트 요소로 mousemove에 따른 것으로 해당 이벤트가 적용될 때마다 전달해져 오는 파라미터값인 e의 offset값으로 x,y 좌표값을 가져올 수 있었다. 여기서 offset은 특정 값으로부터의 위치로 예를 들어 문자열 "abcdef"가 있다면 c는 a위치에서 offset 2가 된다. 그리고 마우스 움직임에 따른 회전을 적용하기 위해서 rotate를 적용할 때 해당 영상에 있는 효과처럼 Y축으로 적용할 때는 x 위치에 따라 -20deg ~ 20deg를 적용하기 위해서 x*a+b = -20deg ~ 20deg 로 적용해서 카드 ..

[프로그래머스, 자바스크립트] 삼각형의 완성조건 (1)

풀이 자바처럼 간단한 문제부터 해결하면서 메서드와 구현 방식을 유연하게 적용시키기 위해 풀기로 함. 해당 문제는 간단한 문제이지만 배열을 잘 사용하기 위해 가변 배열을 생각하여 해결하고자 함. 그래서 slice와 reduce를 사용하여 해결. function solution(sides) { let li = sides.sort((a,b)=>a-b) return (li.slice(0,li.length-1).reduce((hap,val)=>hap+val,0) > li[li.length-1])?1:2; }

알고리즘 2024.03.25