![]()
프론트를 만들 때 CSS는 진짜 오묘합니다. 사용자와의 인터랙티브한 요소를 만드는건 CSS를 이용하면 간단하게 해결할 수 있다비다. 웹사이트에서 버튼에 마우스 오버 시 인터랙티브 효과를 주면 사용자의 관심을 끌게 되고 클릭을 해야할거 같은 느낌이 든답니다. CSS를 이용해 버튼에 마우스를 올렸을 때 확대되는 효과를 만드는 방법에 대해 알아보겠습니다. 이 간단하지만 효과적인 기술은 웹사이트의 인터랙티비티를 향상시키는 데 큰 도움이 됩니다. 1. 기본 개념 아래의 절차대로 진행해보면 우리가 원하는 CSS를 이용한 마우스 오버시 확대 효과를 만들 수 있답니다. CSS hover 의사 클래스와 transform 속성을 사용하여 이 효과를 구현합니다. hover 상태는 사용자가 마우스를 요소 위에 올려놓았을 때 ..
![]()
고등학교때 배운 어려운 수학 공식과 풀이들, 진짜 문제하나 풀때마다 어렵고, 이거 왜 하고 있는거야? 실제로 쓰긴해? 하는 생각들을 많이하게 됩니다. 하지만 고등학교 수학 주제인 "삼각법" 및 "대수학"과 관련된 부분은 실생활, 특히 공학계열에서는 많이들 사용하고 있답니다. 실제로는 어떻게 활용하고 있을까요? 삼각법 문제 1. 토목 기사가 새 주차장의 경사로를 설계하는 임무를 맡고 있다고 상상해 보십시오. 경사로는 안전상의 이유로 너무 가파르면 안 됩니다. 일반적으로 자동차의 안전한 경사로 허용되는 최대 경사는 6.5도입니다. 또한 경사로의 사용 가능한 공간은 20미터입니다. 엔지니어는 이 경사로가 건물의 설계 및 주변의 기타 인프라에 맞는지 확인하기 위해 이러한 조건에서 도달할 높이를 결정해야 합니다...
![]()
웹 개발에서 URL의 쿼리스트링을 통해 사용자로부터 데이터를 전달받는 경우가 많습니다. 쿼리스트링은 URL 주소 뒤에 붙는 key-value 쌍의 집합으로, 각각의 정보는 '&' 기호로 구분됩니다. 예를 들어 https://devit.koreacreatorfesta.com?&query1=aaa&query2=ㅁㅁㅁ&query3=333와 같은 형태의 URL에서 query1, query2, query3 등의 값을 자바스크립트로 어떻게 추출할 수 있을까요? 본문에서는 URLSearchParams 객체를 이용한 쿼리스트링 값의 추출 방법에 대해 설명드리겠습니다. 1. URLSearchParams 객체란? URL의 쿼리스트링을 쉽게 다룰 수 있도록 설계된 웹 API입니다. location.search를 인자로 받아..
![]()
저는 사실 매일 블로그에 접속해서 잘 접속이 되는지 확인을 해보고 있습니다. 그런데 갑자기 티스토리 블로그의 "비공개 연결이 아닙니다." 경고가 뜨더라구요. 뭐지? https가 접속이 안되는 문제, 즉 보안접속인증서의 문제가 발생했습니다. 그러면 어떻게 해야 할까요? 사실 기다리기만 하면 된다는데 무작정 기다리기에는 언제 될지도 불안하고, 블로그 지수도 떨어질까 더 불안합니다. 어찌해야 할까요? 이 글에서는 티스토리 비공개 연결 보안접속인증서 장애 10초 만에 해결했던 경험을 공유하고자 합니다. 1. 티스토리 블로그 최적화확인 티스토리 블로그가 최적화가 되어있느냐?를 확인하는 방법은 쉽습니다. 다음(daum) 검색창에 본인의 티스토리 주소를 검색하면 됩니다. 검색창에 티스토리 주소대로 블로그가 잘 나온다..
