본문 바로가기
반응형

분류 전체보기177

[VS Code] 단축키 - 멀티라인 수정하기 안녕하세요 냥장판 입니다 VS Code에서 여러 라인을 한꺼번에 수정하고 싶을 때 사용하는 단축키 소개드릴게요 엄청 편합니다. Alt + Click 영상으로 보여드릴게요 엄청 간단하죠? 더 많은 단축키가 있습니당 오늘은 이것만 설명드릴게요 그럼 이만! 2020. 1. 10.
[HTML] Link 태그 사용하기 - download 속성 안녕하세요 냥장판 입니다 지난 게시글에서는 Link 태그 기본사용법에 대해서 살펴봤어요 2020/01/09 - [놀고있네/HTML & CSS] - [HTML] Link 태그 사용하기 - 기본편 [HTML] Link 태그 사용하기 - 기본편 목표: Link 태그 사용하기 요약 URL 하이퍼링크 걸기: href 이미지 하이퍼링크 걸기: href, img 안녕하세요 냥장판 입니다 HTML문서에는 Link 또는 Hyperlink 라는 태그가 있어요. 이 태그는 다른 html 문서나 이.. miaow-miaow.tistory.com 이번 시간에는 Link 태그로 이미지를 올려놓고, 이 이미지를 다운받을 때 사용하는 속성에 대해 알려드릴게요 1. download 속성 download 속성 사용방법은 아래와 같아요... 2020. 1. 10.
[HTML] Link 태그 사용하기 - 기본편 목표: Link 태그 사용하기 요약 URL 하이퍼링크 걸기: href 이미지 하이퍼링크 걸기: href, img 안녕하세요 냥장판 입니다 HTML문서에는 Link 또는 Hyperlink 라는 태그가 있어요. 이 태그는 다른 html 문서나 이미지 파일 등을 연결할 때 사용합니다. 말 그대로 링크한다는 개념이에요. 위에 그림을 보면 Hello 라는 컨텐츠에 a 태그와 href 속성을 사용해서 링크를 한다는 개념입니다. 자세히 살펴보죠 1. URL 하이퍼링크 걸기: href 링크(a) 태그는 반드시 href 속성이 설정되어 있어야됩니다. href 속성이 없다면, 다른 속성(target, download, rel, rev, hreflang, type, referrerpolicy)들도 사용할 수 없어요. 기본 .. 2020. 1. 9.
이모티콘이 이상해요!!! 안녕하세요 냥장판 입니다🐱‍👤🐱‍👤 핸드폰 앱으로 제 블로그를 방문하신 분들은 아래 처럼 보일거에요 PC로 보시는 분들 특히 Windows 를 사용하신다면 아주 잘 보일겁니다 왜이러는 걸까요?? 1. 이모지(Emoji) 이모티콘이라고 하면 이해가 빠르실텐데요. 엄밀히 말하면 조금 다릅니다! 이모티콘은 아래 같은 애들이 이모티콘이고요. 이모지는 우리가 메시지를 보낼 때 입력하는 이런 친구들이 이모지 입니다. 이모티콘, 이모지 한국에서는 혼용해서 쓰죠? 이모지(Emoji)는 Unicode의 그림문자열이에요 2. 이모지 모양은 왜 다 달라요? 근데 이 이모지가 핸드폰 기종에 따라 다른거 아시나요? 이모지피디아 라는 공식 이모지 사이트가 있어요. 저는 아이폰을 사용합니다. 이렇게 보이죠 그런데 같은 이모지라도 .. 2020. 1. 9.
[Tistory] Sitemap, 사이트맵 등록 (NAVER - Webmastertool) 안녕하세요 냥장판 입니다🐱‍👤🐱‍👤 이번 게시글에서는 네이버 웹마스터툴 을 이용해서 사이트맵 등록을 해볼겁니다. https://searchadvisor.naver.com/ 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 네이버 웹마스터툴(webmaster tool)은 서치 어드바이저(search advisor)를 통해서 들어가게 되어있어요! 쉽습니다 천천히 따라오세요 우선 네이버 로그인을 하시고요. 1. 웹 마스터 도구 웹 마스터 도구 버튼을 클릭합니다. 사이트 간단 체크를 해봤어요! 사이트 간단체크를 해봤는데 사이트맵이 없네요! style="display:inline-block;width:740px;height:200px" d.. 2020. 1. 8.
[Tistory] Sitemap, 사이트맵 등록 (Google - search console) 안녕하세요 냥장판 입니다🐱‍👤🐱‍👤 이번 게시글에서는 Google search console에 사이트맵을 추가할 거에요! https://search.google.com/search-console Google Search Console Search Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다. search.google.com 사이트가 등록이 되어있어야 가능합니다! 1. 사이트맵 링크 주소 복사! 티스토리는 이렇게 생긴 주소가 필요해요 모르겠으면 사이트맵을 만들고, 사이트맵 주소를 복사하는 방법은 아래 게시글 6번을 참고해주세요! 2020/01/07 - [기타] - [Tistory] Sitema.. 2020. 1. 8.
[Tistory] Sitemap, 사이트맵 만들기 & tistory 링크복사 하는법 안녕하세요 냥장판 입니다🐱‍👤🐱‍👤 Tistory 링크복사를 바로 보고싶은 분은 6번으로 가주세요! 이번 게시글에서는 사이트맵(sitemap)을 만들어 볼거에요. 사이트맵 만들어주는 사이트는 많은데, 저는 여기서 사이트맵 만들었습니다. http://www.check-domains.com/sitemap/index.php XML Sitemap Generator - Free Unlimited Pages. XML Sitemap Generator - Free Unlimited Pages www.check-domains.com 1. 블로그 주소 입력 여러분의 블로그 주소를 Site URL 창에 입력하고, 2. 옵션 선택 Optional Sitemap Types: HTML sitemap Last Modificatio.. 2020. 1. 7.
[개발 시 유의사항] 지나치게 한국적인 것 - 2 style="display:block" data-ad-client="ca-pub-9512983930357661" data-ad-slot="3488991516" data-ad-format="auto" data-full-width-responsive="true"> 안녕하세요 냥장판 입니다🐱‍👤🐱‍👤 이런 종류의 포스팅이 가장 반응이 좋은 것 같아요 소통하는 기분이랄까... (나만의 착각 🙄) 여러 업체들의 SW 제품을 보는데, 공통적이고 관용적으로 사용하는 것들이 있어요. 지나치게 한국적인 게 뭘까요 🐱‍🏍🐱‍🏍 오늘도 문제부터 나갑니다. 다음 중 어색한 부분은 어디일까요? 눈치 빠른 분들은 이미 아실 수도 있겠네요 ㅋㅋㅋㅋ 날짜랑 기간 구분자에 관련해서는 지난 포스팅에서 다뤘어요. 2019/12/12 - .. 2020. 1. 7.
[개발 시 유의사항] 쉽게 간과하는 것 - 1 안녕하세요 냥장판 입니다🐱‍👤🐱‍👤 웹 페이지에 들어가면 언어를 선택하는 것을 볼 수 있어요. 이때 가장 흔히 하는 실수가 무엇인지, 어떻게 하면 실수없이 전문적이어 보이는지 알려드릴게요! 문제 나갑니다 페이지 언어를 선택하고 싶어요, 아래 그림에서 잘못된게 뭘까요? 일번. 어색한게 없나요??? 그럼 이거는? 이번. 위에 것 보다는 좀 나은 것 같죠? 삼번. ㅋㅋㅋ 뭐가 어색한지 알려드릴게요 1. 국기는 언어를 대표하지 않는다 한국사람들은 캐나다나 미국 국기를 보면 영어를 먼저 떠올려요 제발 이 생각은 지우세요 미국은 영어가 아닙니다 물론 국기가 있으면 사용자가 언어를 선택하는 데 도움이될 수 있어요. 하지만 캐나다는 프랑스어와 영어를 공용어로 사용하고 있고, 미국은 영어만큼 스페인어도 많이 사용해요. .. 2020. 1. 6.
반응형

티스토리툴바