개발/html, css, js
[30일 챌린지 Day-10] shift 클릭
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
1. 기본값 2. 결과 3. 리뷰 라인의 끝과 꺾이는 부분을 round로 설정하여 원을 그리는것처럼 하였다. arc를 이어그리면 빠르게 드래그했을경우 빈경우가 생기지만 line으로 그리면 빈공간이 생기지 않는다. hsl의 속성을 이용해서 색깔을 조절한다. 위와 같이 각도로 색깔을 조절할수 있다. direction을 통해서 선굵기가 일정값을 넘어가면 가늘어지고 다시 굵어지게 설정하였다.
[JS] 쿠키와 세션
쿠키와 세션을 쓰는 이유는 데이터나 인증(권한)을 유지하기 위해서 사용한다. 쿠키는 pc에 남아있고 세션은 웹을 끄면 종료된다. 1. 쿠키 웹사이트를 방문할때 사용자의 컴퓨터에 기록할 데이터 클라이언트 상태 정보를 pc에 저장했다가 재사용 할 수 있다. 2. 쿠키의 예시 (1) 웹페이지에서 광고팝업이 뜨고 며칠동안 보지 않기 -> 며칠동안 쿠키를 저장하면서 광고팝업을 안띄움 (2) 자동로그인 -> 비밀번호 아이디 자동으로 입력 시킬지도 쿠키로 정한다. 3. 쿠키의 특징 이름, 값, 유효기간, 경로 정보로 구성되어 있다. 클라이언트에 총 300개까지 쿠키를 저장할 수 있다. 하나의 도메인당 20개의 쿠키를 가질수 있다. 쿠키 하나는 4kb까지 저장 가능 url / 루트 경로에서 쓰는 쿠키들도 따로 관리 u..
[JS] 쿠키와 세션
1. 코드 쿠키를 이용해서 광고창의 하루동안 보지않기를 클릭하면 만료일을 +1일로 설정해줘서 그동안 광고창이 안나오게함 세션을 이용해서 로그인을 했다면 창을 끄기전까지 로그인상태 유지하도록 함 아이디 비밀번호 로그인 회원가입 아이디/비밀번호 찾기 아이디 슬라이드창 로그아웃 이것은 광고입니다 하루동안 보지않기 닫기
[30일 챌린지 Day-7] some,every,find,findIndex
콘솔로 비교해보기 1. 기본 값 Psst: have a look at the JavaScript Console 💁 2. 결과 Psst: have a look at the JavaScript Console 💁 3. 리뷰 각 인터페이스 함수의 사용법을 숙지. 배열안에 ...으로 각요소추출, 없으면 무시하여 각요소를 새로운 배열에 담아줌