[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을 통해서 선굵기가 일정값을 넘어가면 가늘어지고 다시 굵어지게 설정하였다.
[JS] 쿠키와 세션
·
개발/html, css, js
쿠키와 세션을 쓰는 이유는 데이터나 인증(권한)을 유지하기 위해서 사용한다. 쿠키는 pc에 남아있고 세션은 웹을 끄면 종료된다. 1. 쿠키 웹사이트를 방문할때 사용자의 컴퓨터에 기록할 데이터 클라이언트 상태 정보를 pc에 저장했다가 재사용 할 수 있다. 2. 쿠키의 예시 (1) 웹페이지에서 광고팝업이 뜨고 며칠동안 보지 않기 -> 며칠동안 쿠키를 저장하면서 광고팝업을 안띄움 (2) 자동로그인 -> 비밀번호 아이디 자동으로 입력 시킬지도 쿠키로 정한다. 3. 쿠키의 특징 이름, 값, 유효기간, 경로 정보로 구성되어 있다. 클라이언트에 총 300개까지 쿠키를 저장할 수 있다. 하나의 도메인당 20개의 쿠키를 가질수 있다. 쿠키 하나는 4kb까지 저장 가능 url / 루트 경로에서 쓰는 쿠키들도 따로 관리 u..