본문 바로가기

분류 전체보기302

CSS 가상 선택자 정리, 가상 클래스, 가상 요소 종종 사용하는 CSS 가상 선택자를 사용할 때 찾아보는 수고를 덜기 위해 정리한다. CSS 가상 선택자 정리CSS 가상 클래스와 가상 요소 차이CSS :hover, ::before, :nth-child 사용법CSS 가상 선택자는 특정 상태의 요소를 선택하거나, 특정 요소 내부의 부분을 스타일링할 수 있도록 도와주는 선택자다.가상 선택자는 : 또는 ::로 시작하며, 크게 가상 클래스와 가상 요소로 나뉜다.1. 가상 클래스 (:)요소의 특정 상태나 사용자 동작에 따라 스타일을 적용하는 선택자입니다.(1) 동적 상태 관련선택자 설명:hover마우스를 올렸을 때 적용:active클릭되었을 때 적용:focus포커스가 맞춰졌을 때 적용 (ex. 입력 필드):focus-visible키보드로 포커스 이동 시만 스타일 .. 2025. 3. 14.
2025년 추천 무료 이미지 사이트: 고품질 상업용 사진 찾기 글에 맞는 무료 이미지가 필요할 때 참고하면 좋을 무료 이미지 사이트 추천한다. 개인 및 상업적 사용이 가능한 품질 좋은 무료 이미지를 출처 표기 없이 사용할 수도 있다. 모든 이미지를 무료로 사용할 수 있진 않으니 마음에 드는 이미지를 사용하기 전에 각 사이트의 이용 약관을 확인한다. 1. Pixabay (pixabay.com) : 무료 고품질 콘텐츠 제공(사진, 일러스트, 백터 그래픽, 비디오, 음악 등), CC0 라이선스 기반(저작권 없음), 광범위한 카테고리와 검색, 커뮤니티 기반 콘텐츠, 다국어 지원  2. Uplash (uplash.com) : 고해상도 사진을 제공한다. 사진 작가들이 직접 업로드한 작품을 무료로 사용한다. 상업적 사용도 가능하고 출처 표기가 필수는 아니지만, 사용한다면 크레딧.. 2025. 3. 13.
서울시 2025년 주요 축제 일정 서울시청 뉴스레터를 받고 2025년 서울시 주요 축제 일정을 따왔다. 현재 3월이라 4월 일정부터 정리! 계절축제명일정장소봄2025 서울 러너스페스티벌4.26.(토)여의도공원서울스프링페스타4.30.(수)~5.6.(화)월드컵공원, 서울광장 등서울서커스페스티벌5.3.(토)~5.5.(월)노들섬2025 차 없는 잠수교 뚜벅뚜벅 축제5.4.(일)~6.22.(일) 매주 일반포한강공원 및 잠수교 일원서울드럼페스티벌5.10.(토)~5.11.(일)노들섬서울조각페스티벌 상반기5.23.(금)~5.24.(토)풍납동 백제문화공원 일대2025 서울국제정원박람회5.22.(목)~10.20.(월)보라매공원여름광화문광장 야외오페라6.1.(일)~6.2.(월)광화문광장서울국악축제6.7.(토)의정부지역사유적광장 등서울시향 강변음악회6.13... 2025. 3. 12.
국내 최대 도서관 국립중앙도서관 이용하기 국립중앙도서관은 국내 최대 도서관으로, 시설, 규모, 보유 장서 등 여러 면에서 훌륭하다. 수많은 도서, 디지털 자료, 희귀 문서 등을 소장하고 있고, 다양한 연구와 교육 프로그램을 운영하고 있다. 산하에 국립어린이청소년도서관, 국립세종도서관 등이 있다.   이번에 디지털 전자책, 이북 e-book 등 무료 서비스를 받으려고 도서관 정보를 찾아보니 대한민국 국민이라는 게 많은 축복 중 하나라는 생각을 했다. 국립, 도립, 시립, 구립 도서관들이 있고, 평생학습관이 있고, 학교 도서관이 있고, 사설 서점들이 운영하는 전자책 서비스가 있으며 이들이 영리를 추구하지만 무료 전자책 서비스도 있고, 기업 지원을 위한 단체에서의 전자도서관 지원도 있다. 책값이 기본 1만원 중반대이고 기술서적은 더 비싸며 원서, 전.. 2025. 3. 12.
Malware Zero 사용방법, 본인인증 시 뜨는 광고창 제거 최근에 주요 도서관 회원가입을 정리, 가입하면서 본인인증 시도를 많이 했다. 본인인증 시도를 할 때 마다 정보유출안심케어, 핀브리지 같은 광고 창이 함께 떴다. 의도하지 않고, 예상하지 못한 창이 뜨는 건, 문제가 있어 보였다. 관련 검색을 하니 무료 서비스를 이용하니까 광고는 감수하라는 뉘앙스의 글이 있었는데, 본인 인증을 하는 당사자는 무료로 이용해도 그 서비스 자체는 무료가 아니라 말이 안된다고 생각했다. 본인 인증 절차를 진행하는 업체에서는 유료로 본인 인증 서비스를 사용하고 있기 때문이다.  좀 더 알아보다 Malware Zero 를 사용해서 제거를 시도한다.  대표적인 증상을 정리하면 아래와 같다. 1) 사용하는 브라우저에서 광고 팝업이 지속적으로 뜬다. 2) 사용하지 않는 브라우저에서도 광초.. 2025. 3. 11.
법원도서관 전자책서비스 이용하기 지난 번 서울시교육청 전자도서관, 경기사이버도서관, 국회도서관 이용방법에 이어, 이번에는 법원도서관을 다룬다.  법원도서관은 법률 관련 문서에 특화된 도서관이다. 열람실 이용은 자격과 위치에 따라 다르다.  1. 법원도서관 법마루 경기도 고양시 일산동구 호수로 550 법원도서관 사법연수원 내에 있다. 지하철 3호선 마두역 2번/3번 출구에서 도보로 5분 거리에 있고, 차량 이용시 사법연수원 청사 정문으로 들어가서 주차장을 이용할 수 있다. 주차요금은 무료이고 차량 5부제이다.  홈페이지 회원 가입시 이용할 수 있다. (홈페이지 회원, 기관 회원 이용 가능) 매주 마지막주 월요일과 공휴일(일요일 제외), 공휴일과 겹치는 일요일, 법원도서관장이 필요하다고 정한 날에는 휴관이다.  1) 법원도서관 홈페이지 회.. 2025. 3. 10.
브라우저에 광고 페이지가 자동으로 뜨는 현상 해결 언제부터인가 브라우저를 실행하면 의도하지 않은 쇼핑 페이지가 자동으로 함께 뜨고 포커스가 가는 현상이 나타나기 시작했다. 현생이 바빠서 보이는 증상이 이상하다고 생각하면서도 바로 처리하지 않고 미루다 오늘 해결하고 기록으로 남긴다.  1. 증상증상은 다음과 같다. 1) 브라우저를 실행했는데, 쿠팡, 11번가, 지마켓, 알리익스프레스, 테무, 하이마트, 예스24 등과 같은 쇼핑 사이트가 뜬다. 2) 크롬 브라우저, 엣지 브라우저, 네이버 브라우저 가리지 않고 이런 증상이 나타난다. 3) 즐겨찾기에 자동으로 해당 쇼핑 사이트 바로가기가 등록되어 있다.  2. 원인원인은 언제 설치된지도 모르는 Smart Windows Favorite 프로그램 때문이다. 내 경우 2023년 12월에 설치된 걸로 나오는데 오래도.. 2025. 3. 9.
CMD 커맨드창, 파워쉘, 터미널 차이에 대해 알아보자 윈도우에서 파워쉘 PowerShell을 실행하거나 관리자 권한으로 실행하는 단축키를 알아보다 내친김에 정리했다. 파워쉘, 커맨드창, 터미널 차이에 대해 정리한다.  윈도우에서 터미널 Windows Terminal, 파워쉘 PowerShell, 커맨드 창 CMD/명령 프롬프트)는 모두 명령줄 인터페이스 CLI를 제공하지만, 기능, 용도, 설계 목적에 차이가 있다.  1. 파워쉘 PowerShell (기본 모드 실행, 관리자 모드 실행)마이크로소프트가 개발한 강력한 스크립팅 환경과 명령줄 도구로, .NET 프레임워크를 기반으로 설계됐다. 언어는 PowerShell 스크립트(.ps1) 사용 가능하고, 객체 지향적이며 파이프라인(|)을 통해 데이터를 객체로 처리한다. 시스템 관리(레지스트리, 서비스 제어), 네.. 2025. 3. 9.
SCSS vs SASS SCSS와 SASS는 CSS를 더 효율적이고 강력하게 작성할 수 있도록 도와주는 CSS 전처리기 (preprocessor)이다. 둘 다 SASS(Syntactically Awesome Style Sheets)라는 프로젝트에서 나온 문법이다. CSS에 변수, 중첩(nesting), 믹스인(mixin) 등 프로그래밍적인 기능을 추가해 개발 생산성을 높여준다.  SCSS와 SASS의 차이와 특징을 정리한다.  1. SASSSASS는 2006년 개발된 CSS 전처리기로, 두 가지 문법을 제공한다.1) SASS(들여쓰기 기반 문법): 확장자는 .sass 이며, 중괄호 {} 와 세미콜론 ; 을 사용하지 않고 들여쓰기로 구조를 표현한다. 2) SCSS(CSS와 유사한 문법): 확장자는 .scss 이며, CSS와 거의.. 2025. 3. 8.