ETC (31) 썸네일형 리스트형 #7. 맥북 화면 녹화 어플, 맥북 gif 생성 어플 GIPHY CAPTURE 맥북에서 화면을 녹화해서 gif로 만드는 무료 어플이 필요해서 사용하게 된 GIPHY CPATURE 이 녹색 프레임 안에 들어오는 화면이 녹화된다 이렇게! [#Atom] Atom Package 아톰 필수 패키지 설치하기(21/1/11 업데이트) atom-beautify 탭이나 코드 간격이 일정하지 않은 코드를 정리해줘서 가독성을 높여준다 pigments RGB 색상 값을 입력하면 색상을 보여준다 autoclose-html HTML 태그를 입력하면 시작 및 종료 태그를 자동으로 입력해준다 language-vue vue.js 지원 일단 기본적인 패키지들만 설치했고, 향후에도 추가할 예정이다 #5. Chrome 크롬 캡처 기능 이용하기, 크롬으로 쉽게 캡처하기 크롬은 웹사이트 캡처 기능을 제공한다 특히 전체 화면 캡처하기가 번거로울 수 있다 크롬을 사용한다면 캡처 프로그램 없이 웹사이트 내 화면을 쉽게 캡처할 수 있다 단축키 몇 개만 기억하면 된다 ① Ctrl + Shift + I ② Ctrl + Shift + P 맥북에서는 Command + Shift + P 그러면 사이드에 검색 창이 뜬다 `capture`로 검색해서 원하는 캡처 기능을 사용하면 된다 깔끔하게 전체 화면을 캡처할 수 있다 깔끔! #4. Google Adsense 구글 애드센스 광고 Tistory 티스토리 블로그에 넣기 구글 애드센스에 승인 요청 후 들어가보니 아직 검토 중이네요 일단 광고를 먼저 넣어봅시다 광고 -> 광고 단위 기준 -> 디스플레이 광고를 선택해 주세요 사각형이나 수평형, 수직형 등 원하는 모양을 고르고 이름 지정까지 해주세요 저는 사각형, 수평형 두 가지를 설정했습니다 클릭하면 광고 단위 코드가 보입니다 잘 복사해 놓으세요 이제 티스토리 설정 페이지로 갑니다 플러그인 -> 구글 애드센스 (반응형)을 클릭하세요 저는 상단, 하단에 광고를 넣겠습니다 아까 복사해 놓은 광고 단위 코드를 붙여넣어 주세요 끝입니다 이제 광고 승인 나기를 기다려 보겠습니다 #3. Google Adsense 구글 애드센스에 티스토리 블로그 등록하기 https://www.google.co.kr/intl/ko/adsense/start/ Google 애드센스 - 웹사이트에서 수익 창출하기 Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다. www.google.co.kr 상단에 있는 시작하기 클릭 입력하고 다음 페이지에서 주소 입력까지 한다 아래 코드를 복사해서 티스토리 블로그 설정에 들어간다 꾸미기 -> 스킨 편집 -> 우측 상단 스킨 이미지 아래 html 편집 클릭 태그 바로 아래에 복사한 코드를 붙여넣는다 아직 글수가 부족한데 승인이 될지는 모르겠다 구글 애드센스 등록 완료! #2. Tistory 티스토리 SEO(검색엔진 최적화) 하기, 구글 검색 시 블로그 글 노출하기 개발일지를 꾸준히 작성하기로 결심했다 그러려면 웹사이트에서 검색 시에 내 티스토리가 노출되어야 한다 보통 구글에서 서치를 많이 하니 구글에 내 티스토리 글이 떴으면 좋겠다 안 뜬다 다음엔 뜬다 하지만 구글에 떴으면 좋겠다 SEO(검색엔진 최적화)를 해보자 보통 웹사이트를 등록할 때 구글 서치 콘솔이나 네이버 웹마스터 도구에 도메인을 등록하고 View 페이지 내에 메타 태그를 삽입하는 방식을 이용한다 하지만 티스토리는 간단하게 가능하다 설정 -> 플러그인 -> 구글 서치 콘솔 클릭하고 계정 연결하기를 진행하면 된다 난 이미 연결했기 때문에 올바르게 등록되었다고 뜬다 tistory 주소/sitemap.xml 이동해보면 XML 파일이 잘 보일 것이다 #1. 티스토리 코드 블럭 색상 변경, 테마 변경하기 블로그 글 작성 시 코드블럭을 사용하려고 하는데 가독성도 별로고 색상도 마음에 안 든다 테마를 바꿔보자 우측 상단에서 블로그 설정에 들어간다 플러그인 선택 Syntax Hightlight에서 테마를 선택해서 적용하면 된다 이전 1 2 3 4 다음
