분류 전체보기352 js challenge day 15 LocalStorage Code 느낀 점 & 배운 점 localstorage를 이용해 todolist를 만드는 느낌의 과제였습니다. 그외에 특별한건 없었습니다. 2023. 2. 11. js challenge day 14 copy Code 배운 점 & 느낀 점 객체 복사에 대해서 알려주는 과제였습니다. 이전에 학습했던 주제라 복습하였습니다. 객체복사는 주소복사를 하기 떄문에 조심해야함. 값을 복사하고 싶다면 es6문법인 스프레드연산자를 사용하면 됩니다. 2023. 2. 10. js Challenge day 13 scroll event Code 배운 점 & 느낀 점 과제자체는 간단했지만 배울 것이 많았습니다. scrollY, innerHight, offsetTop같은 속성들을 평소에 잘 안써서 까먹었는데, 이번에 다시 정리했습니다. scollY = 스크롤 얼마 내렸는지 innerHight = 브라우저 안 화면 높이 offsetTop = 최상단에서 컨텐츠 위까지 높이 또한, debounce 코드를 분석하며 debounce 원리에 대해 다시한번 복습했습니다. 위 코드에서는 debounce함수를 실행하고, 20ms의 시간을 준다음 추가 함수가 생기면 시간을 더해주고, 아니라면 0의 시간을 줘서 콜백함수를 실행시킵니다. 여기서 새로알게 된것은, setTimeout이 호출된만큼 수를 리턴한다는 것을 알게되었습니다. 2023. 2. 8. [LeetCode] happyNumber js 문제 Write an algorithm to determine if a number n is happy. A happy number is a number defined by the following process: Starting with any positive integer, replace the number by the sum of the squares of its digits. Repeat the process until the number equals 1 (where it will stay), or it loops endlessly in a cycle which does not include 1. Those numbers for which this process ends in 1 are happy.. 2023. 2. 8. js challenge day 12 Key Detection Code 배운 점 & 느낀 점 비밀키를 입력할 때까지 문자를 저장하다가, 입력이 완료되면 이벤트를 실행시키는 과제였습니다. 평소 알고리즘 문제를 자주풀다보니 쉽게 해결할 수 있었습니다. 2023. 2. 7. js challenge day 11 Custom video player Code /* Get Our Elements */ const player = document.querySelector(".player"); const video = player.querySelector(".viewer"); const progress = player.querySelector(".progress"); const progressBar = player.querySelector(".progress__filled"); const toggle = player.querySelector(".toggle"); const skipButtons = player.querySelectorAll("[data-skip]"); const ranges = player.querySel.. 2023. 2. 6. 이전 1 ··· 5 6 7 8 9 10 11 ··· 59 다음 반응형
