반응형 글자 크기 설정, clamp 하나로 끝! | CSS 실전 팁
✅ 왜 ‘반응형 글자 크기 설정’이 중요한가? 요즘 웹사이트는 데스크탑, 태블릿, 모바일 등 다양한 해상도에서 접근됩니다.그럴수록 글자 크기의 자동 조절은 […]
프론트엔드부터 백엔드까지, 웹 개발자의 역할과 기술 스택, 실무 노하우, 커리어 성장 팁 등을 다룹니다. 웹 개발자로 성장하고 싶은 사람들을 위한 정보 모음!
✅ 왜 ‘반응형 글자 크기 설정’이 중요한가? 요즘 웹사이트는 데스크탑, 태블릿, 모바일 등 다양한 해상도에서 접근됩니다.그럴수록 글자 크기의 자동 조절은 […]
지난 시간에는 SweetAlert2의 기본 설정하는 방법과 공식 사이트에서 제공하는 간단한 소스와 버튼을 통해 예시를 알려드렸습니다. 이번 시간에는 약간의 커스텀을 해서
웹페이지 개발 시 반응형은 어느덧 필수가 되었습니다. 디스플레이 별로 웹페이지를 만들지 않고, 하나의 페이지로 다 사용이 가능하게 한 건 CSS의
이미자 또는 콘텐츠 박스 비율을 다양하게 적용하고, 반응형까지 커버해야 할 때 사용하면 좋은 CSS를 알아볼게요. aspect-ratio는 비율을 지정하는 방법을 간단히
자바스크립트에서 기보 사용하는 alert()를 예쁜 alert()로 꾸며주는 SweetAlert를 사용하는 방법과 몇 가지 예시를 알아보겠습니다. 간단하게 설치할 수 있고, 사용법도 간편하고,
클립보드 복사란?웹페이지에서 특정 영역의 텍스트 내용을 Ctrl+C를 해주는 기능을, JavaScript를 이용해서 구현된 기능입니다. 가장 대표적인 예로 네이버 지도에서 맛집을 검색
CSS의 position: sticky 속성은 웹페이지에서 스크롤 시 특정 요소를 고정할 수 있는 매우 유용한 기능입니다. 특히 사이드바나 내비게이션 메뉴처럼 항상
워드프레스는 간편하게 웹사이트를 제작할 수 있는 플랫폼으로 전문 개발자가 아니어도 손쉽게 나만의 사이트를 만들 수 있습니다. 2024년 2월 기준으로 워드프레스로
"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."