제인초의 개발 일기 제인초의 개발 일기

전체 글

• npm install -D, npm install 두 개의 차이점

  개발 초기 셋팅 2023. 2. 6. 20:23

  -D가 붙는 경우 (-D, --save-dev) --> 개발용으로만 사용하고자 하는 경우 / 개발 의존성 패키지 설치 -D를 붙이지 않는 경우 --> 실제로 웹 브라우저에서 동작할 수도 있다는 전제하에 개발하는 경우 / 일반 의존성 설치

  Read More
• will-change 사용하기

  CSS 2023. 2. 4. 21:33

  그래픽카드를 이용해서 애니매이션을 가속화한다. ---> 컴퓨터에게 "나 이런 기능을 사용할꺼야 알고 있으라고" 미리 알려주는 것. 간혹 hover 등 애니매이션 기능을 사용할 때 부드럽게 연결되지 못하고 흔들리거나 삐걱이는 경험을 한 적 있을 것이다. 그럴 때 will-change 코드를 삽입해주면 컴퓨터는 그래픽카드를 이용해서 애니매이션을 가속화한다. 컴퓨터가 인지를 보다 더 빠르게 하면서 기능을 자연스럽게 보여주는 효과가 있다.

  Read More
• header 가운데 정렬Tip(좌측 아이콘 / 가운데 텍스트 / 우측 햄버거)

  CSS 2023. 1. 31. 16:51

  Settings .alt-header { padding: var(--horizontal-space); margin-bottom: 15px; display: flex; align-items: center; justify-content: center; } .alt-header__column:first-child { margin-right: auto; } .alt-header__column:last-child { margin-left: auto; }

  Read More
• :not 사용법(올바르게 해석하기)

  CSS 2023. 1. 7. 21:11

  해석 :not 뒤에 오는 것을 제외한 not 앞에 오는 요소들에 해당 기능을 적용하고 싶어요. 헷갈릴 수 있는 잘못된 해석 :not 뒤에 오는것에 해당 요소를 제거하고 싶어요. -> X

  Read More
• 아이콘(Icon) 추천 사이트

  CSS 2023. 1. 6. 16:18

  1. https://heroicons.com/ Heroicons Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. heroicons.com 2. https://fontawesome.com/start Font Awesome The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com

  Read More
• 애니메이션 사용할 때 유용한 사이트 @keyframes, animation

  CSS 2023. 1. 5. 17:24

  https://animista.net/ Animista - On-Demand CSS Animations Library Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use. animista.net

  Read More
• 휴대폰이 가로 화면인 경우에만 활성화를 하고 싶을 때 @media

  CSS 2023. 1. 5. 17:15

  @media screen and (orientation: landscape){ // 휴대폰이 가로 화면일 때 넣고싶은 기능 또는 빼고 싶은 기능 적용이 가능하다. }

  Read More
• this

  카테고리 없음 2022. 12. 20. 16:33

  일반(normal) 함수는 호출 위치에서 따라 this 정의. 화살표(arrow) 함수는 자신이 선언된 함수 범위에서 this 정의.

  Read More