CSS를 어떻게 확인할까, 개발자 도구 정리 영상

코딩을 하다 보면 종종 아래처럼 줄 전체가 빈 공간인 코드를 보는 경우가 있습니다.   아래처럼..   이때 한 번에 삭제하는 방법이 있습니다. Ctrl + H를 눌러 바꾸기 패널을 활성화 합니다. 맥OS은 Cmd + H 입니다. 찾기 필드에 ^\s*\

https://beautifier.io/

바탕화면 휴지통을 고양이로 만드는 방법입니다.   휴지통 비었을 때:   휴지통에 파일이 들어 있을 때:   위 두 아이콘을 다운 받아서   1. 바탕화면 우클릭 -> 개인설정   2. 테마 -> 바탕화면 아이콘 설정    3. 바탕

Use Chat GPT 익스텐션을 사용하면 홈페이지에 접속 없이 무료로 GPT-4를 사용할 수 있습니다.   Use Chat GPT 익스텐션을 사용하면 복사-붙여넣기 없이 웹사이트 어디에서든 텍스트를 클릭하면 쉽게 작성, 재작성, 요약, 번역, 설명 또

https://pixlr.com/kr/   여긴 워낙 유명한 곳이라 아시는 분 많으실 거에요!!

여러분들은 이미지 최적화 어떻게 하시나요?   보통 이미지 최적화 플러그인 많이 사용하시던데요.   저는 플러그인이 많아지면 사이트 환경에 좋지 않아서   아래 url 에서 이미지 압축 후 업로드하고 있습니다.   아시는 분은

대부분의, 거의 모든 부분은 캐시 문제입니다.   파일 수정 이후에는 일단 Ctrl + Shift + R을 눌러 캐시 리프래싱을 해봅니다.   일반적으로 PC에서 다운로드된 캐시 문제라면 이 단계에서 해결됩니다.     근데 그럼에도 적용이

제이쿼리는 자바스크립트의 라이브러리 입니다.   라이브러리는 도서관이죠? 그런 의미가 맞습니다. 실제로 어떤 라이브러리든 간에 그 내용 자체가 자주 사용하는 코드를 가공해서 뭉쳐둔(?) 편하게 사용하라고 만든 일종의

아이프레임 말고 윈도우 팝업. window.open(‘팝업주소’, ‘팝업창 이름’, ‘팝업창 설정’); target=”_blank” : 새창, 비워두면 기본값 target=”_parent” : 부모창 target=”_self” : 현재 페이지 target=”_top” : 현재 페이지에서의 최상의 페이지에서 오픈 – Y

고해상도를 받으려면 절차가 필요하긴 하지만..   가볍게 쓰기에는 굉장히 유용하게 사용중인 누끼 사이트입니다!   https://www.remove.bg/ko

CSS로 3D효과를 만들 때 유용하게 사용되는 사이트입니다.   https://neumorphism.io/     border-radius: 50px; background: #e0e0e0; box-shadow: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff;           시간을 아끼게 도와주는 유용한 사이트입니다 🙂