study-together

Vanilla JS 5주 완성😎

2주차

강의 듣기

과제

로그인, 시계, 명언과 배경 기능을 완성하고 자기만의 업그레이드하기

스터디 내용

일자: 2023년 1월 12일 목요일 21:00 ~

민트향기 : 이벤트리스너 동작 방식(캡쳐링(아래로), 타겟팅, 버블링(위로) / preventDefault(동작x 전파o)와 stopPropagation(동작o 전파x) / 이벤트 위임(delegation) - target과 currentTarget-원하는 것 바로), canvas API
폴짝쓰 : 타로카드 페이지(함수를 export하여 type=”module”로 불러옴, showTaro, ShuffleIndex함수 생성 : random array, indexOf 사용) “()=>”를 사용하면 함수반환값으로 undefined가 들어가는 것을 막을 수 있음.
주선 : Number in Array 하면 index 숫자로 포함되어 Array.includes(Number)로 해야 함. object를 localStorage에 저장하고 활용할 때 JSON.stringify, JSON.parse 사용. 함수 내에서 let으로 지정하면 함수 내에서만 작동. 함수 안에서 let 없이 정의하면 됨.
두두두두두두둥 : 그라데이션 사용 (https://webgradients.com/) 하여 배경 설정. 교육 관련 문구 추가
홍동쌤 : 연도/요일 추가- month+1 sunday:0, 이름과 로그인 버튼 그림자, 색 테마별로 랜덤 배경화면 변경-unsplash이용하여 body의 class변경, 로그아웃 기능 추가-localStorage.remove, 함수 따로 dom.js($, $$)
죠이 : 닉네임 변경할 수 있도록 아이콘 추가(localStorage.remove) - 닉네임 변경화면에서 아이콘 숨김. 배경화면 unsplash이용하여 랜덤 변경하도록 함.
기무1 : 재접속 시 “또 오셨군요!”, 시간 맞추기 게임 (setTimeout 활용), clearTimeout 이용하여 멈춤 기능. Elements.remove 기능 활용. Global Attribute : removeAttribute와 setAttribute 로 속성 추가 삭제. setAttribute(“hidden”, ””) 인자 2개 필요. value값을 “”로 보냄.

study-together

Vanilla JS 5주 완성😎

2주차

강의 듣기

과제

로그인, 시계, 명언과 배경 기능을 완성하고 자기만의 업그레이드하기

스터디 내용

일자: 2023년 1월 12일 목요일 21:00 ~

3주차 스터디 예고 : 나머지 강의 듣기, 바닐라 JS 챌린지 신청하기