[30일 챌린지 Day-17] 관사 제외하고 정렬하기
·
개발/html, css, js
1. 코드 2. 결과 3. 리뷰 replace로 관사들을 공백처리하여 없애준다. trim()이란 문자열의 앞뒤 공백을 없애주는 것이다. 만약 sort를 할때 맨앞이 공백이라면 sort값이 이상하게 나올수 있기때문에 trim을 한것이다.
[30일 챌린지 Day-16] Mouse Move Shadow
·
개발/html, css, js
1. 코드 🔥WOAH! 2. 결과 🔥WOAH! 3. 리뷰 text-Shadow를 js로 불러올때의 형태만 알면 된다. js로 불러올때 형식 h1.style.textShadow = " x y blur color" blur를 입력해주지 않으면 기본적으로 0이다.
[30일 챌린지 Day-13] scroll event
·
개발/html, css, js
1. 기본 Slide in on Scroll Consectetur adipisicing elit. Tempore tempora rerum, est autem cupiditate, corporis a qui libero ipsum delectus quidem dolor at nulla, adipisci veniam in reiciendis aut asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in aspernatur pariaturlores sunt esse magni, ut, dignissimos. Lorem ipsum cupiditate, corporis a qui libero ipsum delectus quidem dolor a..
[30일 챌린지 Day-12] hidden key
·
개발/html, css, js
1. 기본 2. 결과 3. 코드리뷰 shift()로 젤 앞의 배열 값 삭제 후 추가
[30일 챌린지 Day-10] shift 클릭
·
개발/html, css, js
1. 기본 하나를 클릭하고 shift 누른상태에서 다른하나를 클릭하면 그 사이의 체크박스들에 체크가 되게한다. This is an inbox layout. Check one item Hold down your Shift key Check a lower item Everything in between should also be set to checked Try to do it without any libraries Just regular JavaScript Good Luck! Don't forget to tweet your result! 2. 결과 This is an inbox layout. Check one item Hold down your Shift key Check a lower item Every..
[30일 챌린지 Day-8] 무지개 canvas
·
개발/html, css, js
1. 기본값 2. 결과 3. 리뷰 라인의 끝과 꺾이는 부분을 round로 설정하여 원을 그리는것처럼 하였다. arc를 이어그리면 빠르게 드래그했을경우 빈경우가 생기지만 line으로 그리면 빈공간이 생기지 않는다. hsl의 속성을 이용해서 색깔을 조절한다. 위와 같이 각도로 색깔을 조절할수 있다. direction을 통해서 선굵기가 일정값을 넘어가면 가늘어지고 다시 굵어지게 설정하였다.