본문 바로가기

전체 글

 (596)
[ JavaScript / jQuery ] jQuery 간단 사용법들 1. jQuery 요소 보여주기 / 안보여주기 => show(), hide() 2. jQuery fadeIn(), fadeOut(), fadeToggle(), slideDown(), slideUp(), slideToggle() 등을 쓰면 좀 더 스무스한 UX 제공
[JavaScript / jQuery ] JavaScript 쓰는 이유 1. JavaScript의 근본 목적은 "HTML의 조작과 변경"이다. 2. jQuery는 javaScript를 쓰기 편하도록 구현한 기능들을 모아놓은 라이브러리 // 쌩 javascript document.getElementById('test').innerHTML = '???'; // jQuery $('#test').html('???');
죽음은 필수일까? (에이지리스 - 앤드류 스틸) “노화는 질병이고, 항상성의 상실이다.” 책 는 노화를 운명으로 보지 않고 하나의 '질병'으로 본다. 즉, 인간의 노화와 그로인한 죽음이 필연적일 이유가 없다고 말한다. 그렇다면 우리가 죽지 않고 영원히 살 수 있다는 주장일까? 흠.. 책에서 얘기하는 내용을 좀 더 살펴보자. 1. 생물 종마다 수명이 다 다르다. 하루살이는 몇 시간에서 1~2주를 살고, 생쥐는 몇 달을 살고, 침팬지는 수십년을 산다. 일부 고래는 수백년을 살고, 미국 캘리포니아에 있는 히코리나무는 기원전부터 살아오다가 이제 곧 5천살을 맞이한다. 노화가 닳고 헤지는 어쩔 수 없는 과정이라면 왜 생물마다 시간의 척도가 다른 것인가? 2. 인간이 늙는 이유를 크게 10가지 범주로 구분할 수 있으며 이는 인간이 충분히 다룰 수 있는 숫자이다...
[ HTML/CSS ] 복잡한 애니메이션 1. 복잡한 애니메이션 정의할 땐 @keyframes @keyframes key-ani { 0% { transform: translateX(0px); } 50% { transform: translateX(-100px); } 50% { transform: translateX(100px); } 100% { transform: translateX(0px); } } 2. 물건 앞뒤를 구별해서 애니메이션 적용하고 싶을 때 conatiner => transform-style: preserve-3d; 사용 front => backface-visibility: hidden;
[ HTML/CSS ] <video>, <audio> 1. preload 속성 preload="none" 미리 다운 X preload="auto" 미리 다운 O preload="metadata" 미리 다운 적당히
[ HTML/CSS ] SASS 1. SASS CSS 대용언어 CSS + 프로그래밍 기법 = SASS 반복적인 부분을 쉽게 처리할 수 있다. 2. SASS Plugin Live Sass Compiler 3. SASS 자주 쓰는 거 -> @mixin, @include css 스타일을 함수처럼 다룸
[ HTML/CSS ] shadow DOM 1. shadow DOM 브라우저에서 보려면 브라우저 설정에서 show shadow DOM 설정해줘야 함
[ HTML/CSS ] pseudo-element 1. pseudo-element 내부의 일부분만 스타일링할 때 사용 .main-button::first-letter { color: red; font-size: 30px; } 2. 기존에 만들어서 clear: both 했던 것들도 pseudo-element로 처리 가능 .product-container::after { content: ''; display: block; clear: both; float: none; }

티스토리툴바