폴백 fallback 이란? css img js 예비 옵션, 대안

 

수업을 하는 폴백! 폴백이라는 단어가 계속 쓰인다!

폴백이란 무엇일까?! 폴백을 알아보자~!

 

v

v

 

폴백(fallback)이란?

원래 의도한 기능이 동작하지 않을때! 대신 사용되는 예비옵션, 즉 대안을 말한다.

 

[ 예시 01 ]

font-family: 'Noto Sans', Arial, sans-serif;

 

 

Noto Sans 로드 실패  >>  Arial 사용!  >>  Arial도 없으면   >>   OS 기본 sans-serif 사용

 

 

 

[ 예시 02 ]

:root {
  --base-color: gray;
  --default-color: pink;
}

div {background: var(--base-color, var(--default-color, red));}

 

var(--base-color)  >>  var(--defatult-color) 없으면!!  >>  red 사용!

 

 

[ 예시 03 ]

<img src="없는이미지.jpg" alt="대체 텍스트">

 

이미지가 뜨지 않을때 >> alt가 폴백 역활

 

v

v

 

• 폴백 = 실패했을 때 대신 쓰는 대안
• 기능이 동작하지 않을 상황을 대비한 예비 옵션
• 웹에서 폰트·이미지·CSS·JS 등 다양한 곳에서 사용됨

 

즉! 나는 여태.. 폴백이라는 방식을 사용 했지만..

폴백이라는 단어가 뜻 하는 바는 몰랐다.. ㅎㅎ

 

이럴수가 ㅋㅋㅋ ㅠㅠ

폴백 이란?! 예비 옵션 !!