치트 시트 👉 https://grxvityhj.github.io/solar-icon/ 사용 방법 (한글 사용법 포함) 👉 https://github.com/grxvityhj/solar-icon * Iconsax 치트 시트와 사용법이 같습니다. * 페이지의 로딩이 살짝 느린 편이니 이용에 참고해주세요..! - 이것도 결국은 코드로 아이콘을 불러오는 방식이기 때문에 로딩 속도에 영향을 받습니다 즉, 페이지의 로딩 속도가 늘어나면 아이콘 출력 속도 역시 비례하게 증가합니다 제 스킨 외의 다른 스킨, 다른 프로젝트에서도 사용 가능합니다 아이콘 분류 방법은 FontAwesome의 표현을 일부 참고해 작성했습니다 ※ 아이콘의 저작권은 분명하게 480 Design에게 있으며, 저는 아이콘을 보다 편리하게 사용할 수 ..

현재 티스토리는 마이크로소프트에서 개발한 오픈소스 에디터인 Monaco Editor를 사용 중이죠 Monaco 에디터는 VS Code를 기반으로 하기 때문에 Monaco 에디터에서도 VS Code의 단축키 사용이 가능합니다 이 단축키들을 알면 코드 작성 또는 수정시에 요긴하게 쓸 수 있어요 아래는 제가 애용하는 단축키 몇 가지만 정리해보았습니다 예시는 전부 CSS창에서 작성했지만, HTML창에서도 똑같이 사용이 가능합니다 (주석 단축키 제외) CTRL+D 또는 Cmd+D CTRL+D 또는 Cmd+D는 현재 내가 드래그한 글자와 일치하는 다음 문자열을 자동으로 선택해줍니다 따라서 같은 문자열을 한번에 선택해 수정이 가능합니다 보통 중복되는 클래스명이나 프로퍼티를 전부 지우거나 수정해야 할 때 사용합니다 A..

치트 시트 | https://grxvityhj.github.io/iconsax/ 사용 방법 | https://github.com/grxvityhj/iconsax 위의 사용 방법은 모두 영문으로 작성돼 있으므로 한글 사용 방법은 아래 접은글을 참고해주세요 이것도 결국은 코드로 아이콘을 불러오는 방식이기 때문에 로딩 속도에 영향을 받습니다 즉 페이지의 로딩 속도가 늘어나면 아이콘 출력 속도 역시 비례하게 증가합니다 제 스킨 외의 다른 스킨, 다른 프로젝트에서도 사용 가능합니다 스킨을 제작하면서 저는 물론이고, 스킨을 사용해주시는 분들이 svg 아이콘의 방대한 코드 때문에 불편함을 겪는 걸 보고 생각해낸 토이 프로젝트입니다 특히 아이콘을 사용하기 전에 미리 볼 수 있고 쉽게 검색 및 커스텀해서 쓸 수 있도록 ..

다른 말로 북마크 털기 🎨 Color Hunt (https://colorhunt.co) 색상 팔레트 사이트 마음에 드는 팔레트를 저장할 수 있다 HEX 코드(16진수)를 바로바로 추출할 수 있다 팔레트는 이미지로도 저장 가능하다 이외에도 Pastel, Neon, Vintage 등의 키워드나 색 계열별로 검색할 수 있어서 편리하다 실제로 스킨 만들 때 99%는 컬러헌트에서 색을 뽑아온다 + 로그인 기능은 따로 없고 저장한 팔레트는 로컬 스토리지에 기록된다 그래서 인터넷 기록을 삭제하면 저장한 팔레트가 다 날아간다... 🖼️ Pictones (https://pictones.firebaseapp.com) 업로드한 이미지의 색상 팔레트를 추출해 주는 사이트 원하는 색상의 수(1~32)의 설정이 가능하고 Insp..