Home

Welcome to the Mini-Shopping-Mall wiki! 🛒

여기에는 프로젝트를 진행하면서 새롭게 알게 된 것들을 기록합니다.
This is where I record my new discoveries as working on the project.

CSS properties

logo

• cursor : pointer;
  해당 요소에 커서를 갖다대면 포인터 모양으로 바뀜
• transform : scale(1.1);
  해당 요소의 크기를 1.1배로 증가시킴
• transition : tranform 300ms ease;
  좀더 부드럽게 transform 시킴
  참고) transform, transition 세트로 쓰는 경우가 많음

buttons 예쁜 버튼 만들기

• background-color: transparent; (default is non-transparent)
• border: none;
• outline: none;

Javascript

• element.insertAdjacentHTML(position, text);
  특정 위치에 텍스트를 삽입함 innerHTML보다 빠름
  자주 쓰는 postion은 beforeend (element 안에 가장 마지막 child)
  MDN Element.insertAdjacentHTML()