• webmini life skin Ver 1.3.2 update view
  • 사이트 제작 문의 오랜 경험을 바탕으로 웹퍼블리싱을 해드립니다 제작 문의하기
  • 블로그 리뷰 문의 검색엔진최적화로 제품 리뷰를 해드립니다 리뷰 문의하기

2024/0717

728x90
[1인 기업]다양하게 사용할 수 있는 엑셀(.xlsx) 견적서 양식 견적서 액셀 파일 입니다.견적서 보낼때 세금계산서와 3.3%로 했을경우 자동으로 계산됩니다.의뢰가 들어올 경우 세금계산서 발행을 원하는 고객이 있고, 3.3% 프리로 계산하는 업체도 있어서 제가 사용하려고 만들었는데 배포합니다. 다양하게 사용이 가능합니다.수정해서 마음데로 사용해도 됩니다만, 재배포는 하지말아주세요.(감사의 댓글과 하트면 충분합니다.) 기능1. 수량별로 금액,세액이 자동계산2. 세금계산서 발행시와 미발행시(3.3%용역) 최종금액이 자동계산됩니다.
[광고]구글 애드센스 플랫폼 파트너 티스토리는 수익쉐어를 하는가? 티스토리 사용자는 관리자 페이지에서 구글 애드센스 심사부터, 광고 설정, 수익 확인까지 티스토리에서 확인이 가능하다.아마 티스토리 사용자는 관리자 메뉴에서 제공하는 구글 애드센스 사용 시 티스토리에서 수익을 일부 가져가는가?에 대한 의문이 생길 것이다. 구글 애드센스 관련해서 티스토리 공지내용을 살펴봐도 수익 관련 내용은 찾을 수 없었다. https://notice.tistory.com/2572 [안내] '수익'을 소개합니다.안녕하세요. 티스토리 팀입니다. 콘텐츠는 수익이 됩니다. 콘텐츠가 가진 힘은 따로 이야기하지 않아도 너무나도 당연한 사실이 됐습니다. SNS, 인터넷 방송, 유투브와 같은 영상 콘텐츠 서비스,notice.tistory.com https://notice.tistory.com/2569 ..
[운영일지]웹미니 라이프 스킨 1.1.0 웹미니 라이프 스킨 1.1.0업데이트 내역관리자 설정1. 서브 타이틀 등록 추가2. 블로그 ID 설정 (상단 '구독하기' 자동생성)3. 블로그 오픈일 등록 설정(운영일수 자동계산 기능)4. GNB 색상 설정가능(배경,폰트,hover) - 다크모드 포함5. 검색최적화(SEO) - 네이버,구글,빙, 사이트 키워드 등록 가능6. 홈 프로모션 자동/정지 기능설정, 제목 색상, 버튼문구 및 색상 설정 가능7. 본문 자동 목차 기능(목차 노출 비활성화/활성화)8. 사이드바 카테고리 메뉴 펼침기능9. 사이드바 카테고리 자동 위치 기능(글,카테고리에 따라 자동으로 위치 찾음)10. 푸터 메뉴 설정 기능 대부분의 기능을 관리자에서 설정할 수 있도록 수정함.
[티스토리]웹미니 스킨 버전 관리(버전 표기법) 웹미니(티스토리) 스킨의 버전은 다음과 같이 표기합니다.첫 릴리스 버전은 1.0.0 부터 시작합니다. 초기 버전 표기주요 (호환성): 1부가 (기능추가 및 개선): 0수정 (패치 및 소소한 수정): 0버전 표기법 설명주요 (Major)주 버전은 주요 기능 변경이나 호환성 문제를 나타냅니다. 이 숫자가 바뀔 때는 소프트웨어가 큰 변화가 있거나 주요 기능이 추가되었음을 의미합니다.부가 (Minor)부 버전은 기능 추가나 소규모 개선 사항을 나타냅니다. 주 버전이 동일한 상태에서 이 숫자가 바뀌면 새로운 기능이 추가되거나 기존 기능이 개선되었음을 의미합니다.수정 (Patch)수정 버전은 버그 수정이나 작은 개선 사항을 나타냅니다. 부 버전이 동일한 상태에서 이 숫자가 바뀌면 주로 버그가 수정되었음을 의미합니다.
[운영일지]웹미니 라이프 스킨 1.0.1 (웹접근성,권장사항,SEO) 웹미니 라이프 스킨 1.0.1업데이트 내역 웹접근성1. 색상 명도대비 수정 (다크모드 포함) 2. 백그라운드 이미지 대체 문구 삽입 (스킨 외 코드 : 티스토리-댓글,방명록,블로그소개 영역) 3. 이미지 alt 강제 삽입 4. 메인 슬라이드 페이징 포커스 영역 수정 5. 티스토리 코드(iframe 'title' 누락 부분 강제 삽입) 6. 최근/인기/댓글 웹접근성 코드 추가 및 마크업 변경 7. a링크 target 없는 경우 _self 자동 삽입 8. 링크 및 버튼 포커스영역 미흡사항 반영권장사항1. 페이징 이전,다음,... herf 없는경우 강제로 span 태그로 변경 2. 다크모드에서 이메일(링크) 색상 구분SEO1. canonical 동적으로 URL변경그 밖에 업데이트1. 메인 슬라이드 자동/정지 ..
[운영일지]웹미니 라이프 스킨 1.0.0 웹미니 라이프 스킨 1.0.0 업데이트 내역1. 웹미니 블로그 10.0.0을 웹미니 라이프 1.0.0 스킨으로 변경2. 나의 링크 추가(푸터,사이드바) - 링크가 없을경우 영역 숨김3. CSS색상 변수 추가 및 보완4. 코드 정리 및 스타일 수정  작업 예정- 배포용으로 준비중
[웹접근성]웹접근성을 고려한 탭메뉴 만들기 웹 접근성을 고려한 탭 메뉴는 키보드 사용자, 스크린 리더 사용자 등 다양한 사용자들이 접근할 수 있도록 구성해야 합니다.탭 메뉴 구성 요소탭 컨테이너: 탭 메뉴를 감싸는 컨테이너.탭 리스트: 각 탭 버튼을 포함하는 리스트.탭 버튼: 클릭 또는 키보드로 선택할 수 있는 버튼.탭 패널: 각 탭 버튼이 활성화될 때 보여줄 콘텐츠.접근성을 고려한 HTML 구조다음은 웹 접근성을 고려한 탭 메뉴의 기본 HTML 구조입니다. 탭 1 탭 2 탭 3 탭 1의 내용 탭 2의 내용 탭 3의 내용HTML 구조role="tablist": 탭 버튼들을 감싸는 컨테이너로 역할을 지정합니다.role="tab": 각각의 탭 버튼에 역할을 지정합니다.role="tabpanel": 각각의 탭 패널에 역..
[Git]새로운 브랜치를 기존 브랜치에 merge(병합)하기 앞서 새로운 브랜치를 생성하고 기존 브랜치를 새로운 브랜치에 복제하는 방법을 설명했는데요. https://webmini.tistory.com/482522 [Git]새로운 브랜치(branch)에 다른 브랜치 복제하기기존에 만들어진 브랜치를 그대로 가져와서 새로운 브랜치에 복제하는 방법입니다.브랜치 생성, 복제, 푸시하기먼저 복제당할 브랜치 즉, 기존 브랜치에 체크아웃되어있어야 합니다.이해하기webmini.tistory.com 그 후에 새로운 브랜치에서 작업 후 기존 브랜치에 merge(병합)하는 방법입니다.기존 브랜치에 체크아웃먼저, 기존 브랜치에 체크아웃을 합니다.기존 브랜치 = branchA새로운 브랜치 = branchB위처럼 가정할때, 기존 브랜치(복제당한 브랜치) branchA로 체크아웃합니다.gi..
[Git]새로운 브랜치(branch)에 다른 브랜치 복제하기 기존에 만들어진 브랜치를 그대로 가져와서 새로운 브랜치에 복제하는 방법입니다.브랜치 생성, 복제, 푸시하기먼저 복제당할 브랜치 즉, 기존 브랜치에 체크아웃되어있어야 합니다.이해하기 쉽게 기존 브랜치명을 "branchA"라 하고 새로운 브랜치명을 "branchB"라 하겠습니다. 먼저, 기존 브랜치에 체크아웃합니다. (복제당할 대상)git checkout branchA 그 후에 새로운 브랜치를 생성해 줍니다. (branchA 브랜치의 복제를 받을 대상)git checkout -b branchB 여기서 git checkout -b 명령어에서 -b는 "새 브랜치를 생성하고 그 브랜치로 체크아웃"하라는 의미입니다. 이 명령어를 사용하면 새로운 브랜치를 만들고 동시에 그 브랜치로 이동할 수 있습니다. 마지막으로 로..
[SEO]SEO 검색엔진 최적화 기본문서 SEO(검색 엔진 최적화, Search Engine Optimization)는 웹사이트나 웹페이지를 검색 엔진에서 상위에 노출되도록 최적화하는 과정입니다. SEO의 목적은 검색 엔진 결과 페이지(SERP)에서 더 높은 순위를 차지하여 더 많은 유기적(organic) 트래픽을 얻는 것입니다. SEO는 크게 온페이지 SEO(On-page SEO)와 오프페이지 SEO(Off-page SEO)로 나눌 수 있습니다.주요 SEO 최적화 요소1. 온페이지 SEO(On-page SEO)온페이지 SEO는 웹사이트 내부의 요소를 최적화하는 작업입니다. 주요 요소로는 다음과 같습니다:키워드 리서치(Keywords Research): 사용자들이 검색할 때 사용하는 관련 키워드를 찾고 이를 콘텐츠에 포함시키는 과정입니다.메타 ..
[사이트]웹사이트(모바일) 속도, 성능 진단 및 웹접근성, SEO 체크 해주는곳 PageSpeed Insights웹접근성 및 사이트를 전반적으로 진단해주는 사이트이다. 어디가 문제가 있고 어떻게 보완해야하는지 알려주기도한다.https://pagespeed.web.dev/ PageSpeed Insights올바른 URL을 입력하세요.pagespeed.web.dev 사이트 최적화할때 매우 유용하다.그밖에 자세한 설명과 방법들도 자세히 알려주기 때문에 수정보완하기가 쉽다.
[운영일지]웹미니 블로그 Ver10.6 웹접근성,SEO,권장사항 보완 웹미니 블로그 Ver10.6로 업데이트 완료.업데이트 내역1. 코드 정리 및 CSS수정 (레드 포인트 컬러 변경)2. 웹접근성 보완3. 블로그 권장사항 및 SEO 강화웹접근성 보완- 웹접근성 체크- 권장사항 보완- SEO 보완티스토리 기본 코드 접근 제한으로 성능 최적화는 불가능
[운영일지]웹미니 블로그 Ver10.5 단축기 안내 및 화면 확대/축소 기능추가 웹미니 블로그 Ver10.5로 업데이트 완료.업데이트 내역1. 코드 정리 및 CSS수정2. 화면 확대 축소 기능 추가3. 단축키 안내 추가4. 로고 애니메이션 추가5. 웹접근성 체크 및 보완화면 확대/축소 기능- 모바일이나 반응형일때 기능제거 및 초기화- 최대,최소 크기 도달시 alert추가 및 색상 변경
[티스토리]관리자 '스팸 댓글 휴지통' 오류좀 잡아주세요 댓글 휴지통은 도배 등 시스템에서 스팸 분류한 댓글을 휴지통으로 이동시켜 주는 기능이다.댓글 내용이 '이용약관 위배로 관리자 삭제되었습니다.'라고 뜨길래 거슬려서 '삭제'를 했는데 삭제가 되지 않는다. '복구'는 되는데 삭제가 안된다. 체크해서 삭제를 해보기도 해보고, 영역 오버 시 나오는 메뉴에서도 삭제를 해보 왔지만 마찬가지였다.15일 후에 자동 삭제가 된다고는 하는데 '변경중' 이라고만 나오고 멀쩡한 걸 보니 오류인듯한데, 티스토리 개발자분들 확인 좀 해주세요. https://notice.tistory.com/2661 [안내] '스팸 댓글 휴지통 보내기' 기능 신설안녕하세요. 티스토리팀입니다. ‘스팸 댓글 휴지통 보내기’ 기능이 신설되었습니다. ‘스팸 댓글 휴지통 보내기’는 도배 등 시스템에서 스팸..
[AI]Adobe Firefly(어도비 파이어플라이) 세미나 후기 - 사용법 간단히 살펴보기 회사에서 진행하는 Adobe Firefly(어도비 파이어플라이) 세미나를 다녀왔다.AI가 대세이기도 하지만, 항상 시대를 따라가야 한다는 신조아래 본사에 방문하게 됐다. Adobe가 AI에서 후발주자이긴하다.그러나 Adobe 브랜드에 맞게 그 기술력은 상당했다. 그후기를 간단하게 요약해 본다. (요점만 이야기를 할 거라 성의 없어 보여도 양해부탁) 아마도 제일 궁금한 게 어떻게 사용하는가? 일 것이다.기억나는 건 두 가지 방법이다. 1. Adobe firefly 사이트에 접속해서 사용하는 방법2. photoshop이나, Illustrator에서 사용하는 방법 사이트에 접속해서 사용하는 방법firefly 사이트에 접속https://firefly.adobe.com/ Adobe Firefly firefly.a..
[CSS]게임하면서 CSS(flex,grid) 공부해보자 Flexbox Froggyhttps://flexboxfroggy.com/#ko개구리가 수련잎에 올라가는거 도와주는 게임 Flexbox FroggyA game for learning CSS flexboxflexboxfroggy.comGrid Gardenhttps://cssgridgarden.com/#ko당근밭 가꾸는 게임 Grid GardenA game for learning CSS grid layoutcssgridgarden.comFlexboxDefensehttp://www.flexboxdefense.com/적들을 물리치는 디펜스게임 Flexbox DefenseYour job is to stop the incoming enemies from getting past your defenses. Unlike ..
[사이트]120여종 SVG 파일을 무료로 제공해주는 곳 120여종의 SVG를 무료로 제공해주는 곳이 있어서 소개합니다. https://shapes.framer.website/ Copy-Paste SVG ShapesSVG Shapesshapes.framer.website"Download all"을 클릭하시면 다운받을 수 있습니다.SVG파일이라 색상은 코드상에서 변경하시면 됩니다.
반응형