css 변수 사용 방법

홈페이지 제작 시 컬러, 패딩, 마진 등등 반복해서 같은 값을 사용해야 하는 경우가 많습니다. 여기에 변수를 사용하면 웹 페이지의 통일성을 유지하는 것은 물론이고 유지보수도 손쉽게 관리할 수 있습니다. :root :root는 문서의 가장 상단 요소를 선택하는 가상 클래스입니다만, 벌써부터 설명이 어려워졌죠. 간단히 말해 html에서 html 선택자 역할을 합니다. 그런데 변수의 범위를 전체에 적용하기 위해 html 선택자 역할을 하는 가상 클래스를 사용한다고 생각해주세요. ▼ 자세한 설명은 아래 문서를 참고해주세요. https://developer.mozilla.org/ko/docs/Web/CSS/:root :root - CSS: Cascading Style Sheets | MDN CSS :root 의사..

coding/html + css · 2022. 1. 7. 09:30

[Javascript] 변수 범위

안녕하세요. 플입니다. 오늘은 변수 범위를 알아보겠습니다. 변수에 대해 궁금하시다면 아래 링크를 확인해주세요. https://ssimplay.tistory.com/54 [Javascript] 변수 설정하기 안녕하세요. 플입니다. 오늘은 변수를 설정해보겠습니다. ▷변수 변수란 쉽게 말해 새로운 이름을 지어주는 것입니다. 예를 들자면 줄임말과 같습니다. 최근엔 줄임말이 굉장히 많죠. '세젤귀'는 '세상에서 제일.. ssimplay.tistory.com ▷변수 범위 변수 범위에는 크게 두 가지 종류가 있습니다. 종류 설명 전역 범위 프로그램의 어디서든 사용할 수 있다 지역 범위 프로그램의 제한된 범위 안에서만 사용할 수 있다 두 가지의 범위가 어떻게 다른지 예시로 살펴보겠습니다. 1. 전체 코드 살펴보기 va..

coding/JavaScript · 2019. 9. 4. 07:30

[Javascript] 변수 설정하기

안녕하세요. 플입니다. 오늘은 변수를 설정해보겠습니다. ▷변수 변수란 쉽게 말해 새로운 이름을 지어주는 것입니다. 예를 들자면 줄임말과 같습니다. 최근엔 줄임말이 굉장히 많죠. '세젤귀'는 '세상에서 제일 귀여운'의 줄임말입니다. 여기서 '세젤귀'가 변수입니다. 세상에서 제일 귀엽다고 말해도 되지만 세젤귀라고 줄여 부르는 것이 빠르고 간편하게 말할 수 있죠. 변수 역시 빠르고 간편하게 코딩을 하기 위해 사용합니다. 1. var var 위의 코드를 참고해서 봐주세요. 우선 변수를 설정하기 전에 앞쪽에 var이라는 단어를 적어줍니다. var은 변수라는 의미의 영어단어 'variable'의 약자로 지금 적는 단어가 변수라는 것을 알려줍니다. var을 적지 않았을 때 오류가 발생하지는 않으나 코딩이 길어졌을 때..

coding/JavaScript · 2019. 9. 2. 07:30