js challenge6 js challenge day 16 mouse Shadow Code 느낀 점 & 배운 점 마우스가 움직임에 따라, 텍스트쉐도우를 바꿔주는 과제였습니다. 이렇게 동적으로 textShadow를 바꿔본 경험은 없어서 신기했습니다. 2023. 2. 13. js challenge day 8 HTML5 Canvas Code 배운 점 & 느낀 점 canvas api를 처음 사용해보았습니다. js로 이런 그림까지 그릴 수 있다는게 신기했습니다. 2023. 1. 31. js challenge day 7 array cardio Code 배운 점 & 느낀 점 이번 과제도 array 함수들을 써보는 거라 쉽게 할 수 있었습니다. some, every, find, findIndex는 자주 안 쓰는 함수들이었는데 이번 기회에 사용해 봤습니다. 2023. 1. 30. js challenge day 6 Type Ahead Code 배운점 & 느낀점 이번에는 정규표현식 이해하는데 시간을 많이 썼습니다. /\B(?=(\d{3})+(?!\d))/g /B => 단어 사이사이 경계선을 나타냄 (?=) => 조건 합쳐서 확인 (\d{3}) => 숫자 3개 (?!\d) => 숫자가 없는 즉, 숫자 3개가 하나이상 나오며 뒤에 숫자가 아닌 그룹에 ,를 넣는다 1000000 => 1,000,000 2023. 1. 27. js challenge day 5 Flex Panel Gallery Code 배운점 & 느낀점 classList.toggle이라는 매서드를 처음 사용해봤습니다. 어떤 클래스가 없다면 넣어주고, 있다면 빼주는 식입니다. toggleOpen 함수를 작성할 때 target으로 작성했더니 원하는 이벤트가 일어나지 않았습니다. target과 currentTarget의 차이점을 알 수 있었습니다. div 태그로 p태그를 감싸고 이 상황에서 p태그를 클릭하면 p클릭 => div클릭 순으로 이벤트 버블링이 일어나게 되는데, target속성은 p를 가리키고, currentTarget은 div태그를 카르키게 됩니다. 즉 currentTarget은 이벤트 캡쳐링 ,버블링이 일어나는 상황속에서 현재 타겟을 가르킵니다. 2023. 1. 25. js challenge day 4 Code 배운점 & 느낀점 이번 과제는 array 함수들을 이용하는게 중점적이었습니다. js로 코테를 준비하면서 많이 썼던 함수들이라 쉽게 풀 수 있었습니다. 2023. 1. 24. 이전 1 다음 반응형
