Etc
[Tip] 웹개발에 유용한 사이트
Squoosh - 이미지 압축 사이트 구글에서 개발한 이미지 압축 사이트 압축률이 매우 뛰어나며 드래그 앤 드롭으로 손쉽게 파일을 업로드/다운로드 할 수 있다. 또한 파일의 이름도 그대로(한글지원) 다운로드가 되어서 경로만 다르게 해준다면 쉽게 적용 할 수 있다. 위 우측 사진을 보면 약 3MB인 파일이 167KB까지 왼쪽은 원본, 오른쪽은 압축한 사진을 비교해서 보여 주고 바로바로 수정하여 압축률을 비교할 수 있다. 또한 Resize 기능까지 지원하니 썸네일이나, 큰 용량의 사진이 필요 없는 경우는 사이즈를 줄여주면 더 효과가 좋다. Squoosh Simple Open your image, inspect the differences, then save instantly. Feeling adventuro..
[Swiper.js] 스와이프, 슬라이드 적용하기 및 사용법 (옵션 정리)
다운로드 먼저 swiper.js파일을 프로젝트에 적용해야한다. 방법은 공식 문서에 보다 정확하게 나와 있으나 조금 덜어내어 정리하고자 합니다. 공식 문서에 보면 npm install, CDN, Download assets 총 3가지 적용 방법이 있는데 각자 편한 방법으로 하면된다. 1. npm install은 React, Vue, Angular 등 node가 깔리는 프로젝트에서 사용하면 될 것이고 2. CDN은 다운로드가 싫은 경우, 헤더에 선언을 하여 페이지가 불러와질 때 js파일을 가져온다고 보면 된다. 3. Download는 사용할 파일을 따로 다운로드 받아 프로젝트에 적용하는 것이고 이는 헤더 또는 사용하고자 하는 파일에서 불러와 사용하면 된다. 저는 download를 하여 사용하고자 합니다. s..
[Tistory] 관리자 여부 받아와 글쓰기 버튼 추가하기 (스킨 편집)
개요 블로거 정상우님에게 스킨을 받아서 사용하고 있던 중 글쓰기 버튼이 없어 추가하고 싶은 욕구가 생겨 이것 저것 알아보았는데 어디서도 딱 이렇다 할 정보가 나와있지 않았습니다.. 검색 결과, 다른분들은 q를 눌러 관리자 페이지로 들어가거나, 블로그 관리에서 메뉴를 만들어 두고 사용하라고 말씀하셨지만 방문자에 입장에서는 불필요한 버튼이기에 로그인 정보를 얻어 관리자가 아니면 안보이게 하고 싶어서 세션, 쿠키에 정보가 있을거라 생각하고 찾아봤지만 얻기 힘들었고, 티스토리 스킨사용법에 들어가 확인해보았지만 딱히 이렇다 할 정보를 찾지 못했습니다 ㅠ (찾으시면 알려주세요...ㅜ) 어쨌든 몇시간 삽질을 하던 중..! 헤더에 소유주의 정보가 들어있는걸 확인 했고 이를 활용하여 관리자 버튼을 만들게 되어 저와 같은..