📒 Vanilla JS

✨ 글자, 스타일 변경 html > 해당 글자를 바꾸려면 getElementById를 사용하여 글자, 혹은 스타일을 변형할 수 있다. ✨ 창 열고 닫기 html css > 이런식으로 작성하면 알림창을 열었다가 닫았다가 할 수 있다. ✨ 함수 만들기 html

black-bg의 클래스에 show-modal을 추가하도록 한다.black-bg의 클래스에 show-modal을 제거하도록 한다.이런식으로 작성해 로그인 창을 띄우거나 사라지게 할 수 있다.css를 이런식으로 변경하여 애니메이션을 추가할 수 있다. 애니메이션을 만들기

변수, 사칙연산 과제 Q. 이자율 계산하기 > 첫 예금액이 5만원 미만이면 이율이 연 15퍼센트, 첫 예금액이 5만원 이상이면 이율이 연 20퍼센트가 되는데 변수에 예금액을 넣으면 2년 후의 총 예금액을 콘솔창에 출력되도록 해라

스크롤을 움직일 때마다 발생한다.window.scrollY: 유저가 얼마나 스크롤바 내렸는지(=window.pageOffset)window.scrollX: 가로 스크롤바 측정할때 window.scrollTo(x,y): 강제로 스크롤 할때부트스트랩에서는 스크롤 기능할때

array는 이런식으로 정의, 수정 가능\[]를 사용하거나 .을 사용하여 데이터를 출력할 수 있다.array는 순서개념이 있고, object는 순서개념이 없음따라서 array를 사용하면 sort(), slice(), push()(->제일 뒤에 넣어줌)등을 사용할 수 있

서버에 GET, POST 요청을 할 때 새로고침 없이 데이터를 주고 받을 수 있게 도와주는 간단한 브라우저 기능서버와 데이터를 주고 받을 때는 문자만 주고 받을 수 있다! array, object를 전송할 수 없는데, 가능하게 하려면 JSON으로 바꿔 전송해줘야 함 e

스크롤 할때 화면에 나오게 되면 고정시킬 때 사용위와 같은 화면으로 이미지가 나올때, 이미지를 고정시키도록 코드를 작성했다.htmlcss

앞에서 공부했던 것들을 바탕으로 직접 쇼핑몰 사이트를 구현해보자해당 단어를 검색하면 노란색으로 표시되게 해보자우비세트를 두번 드래그 하자 수량이 늘어나는 것을 볼 수 있다.장바구니에 담으면 최종가격이 업데이트 된다.직접 수량을 입력하면 수량이 변경되고, 최종가격이 업데