분류 전체보기 (179) 썸네일형 리스트형 #3. Google Adsense 구글 애드센스에 티스토리 블로그 등록하기 https://www.google.co.kr/intl/ko/adsense/start/ Google 애드센스 - 웹사이트에서 수익 창출하기 Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다. www.google.co.kr 상단에 있는 시작하기 클릭 입력하고 다음 페이지에서 주소 입력까지 한다 아래 코드를 복사해서 티스토리 블로그 설정에 들어간다 꾸미기 -> 스킨 편집 -> 우측 상단 스킨 이미지 아래 html 편집 클릭 태그 바로 아래에 복사한 코드를 붙여넣는다 아직 글수가 부족한데 승인이 될지는 모르겠다 구글 애드센스 등록 완료! [#Python Django] 장고 유니코드 디코드 에러, UnicodeDecodeError: 'utf-8' codec can't decode byte Django로 만들어둔 웹에서 한글을 적으니 갑자기 UnicodeDecodeError가 발생하기 시작했다 먼저 두 가지 방법을 시도해봤다 ① django version 바꾸기, 업그레이드 해보기(현재 Django==3.0.4) -> 실패 ② technical_500.html 파일 encoding 수정 /home/ubuntu/[프로젝트명]/venv/lib/python3.6/site-packages/django/views/debug.py 331 line with Path(CURRENT_DIR, 'templates', 'technical_500.html').open(encoding='utf-8') as fh: .open() -> .open(encoding='utf-8')로 수정해준다 -> 실패 되다가 안 되는.. #2. Tistory 티스토리 SEO(검색엔진 최적화) 하기, 구글 검색 시 블로그 글 노출하기 개발일지를 꾸준히 작성하기로 결심했다 그러려면 웹사이트에서 검색 시에 내 티스토리가 노출되어야 한다 보통 구글에서 서치를 많이 하니 구글에 내 티스토리 글이 떴으면 좋겠다 안 뜬다 다음엔 뜬다 하지만 구글에 떴으면 좋겠다 SEO(검색엔진 최적화)를 해보자 보통 웹사이트를 등록할 때 구글 서치 콘솔이나 네이버 웹마스터 도구에 도메인을 등록하고 View 페이지 내에 메타 태그를 삽입하는 방식을 이용한다 하지만 티스토리는 간단하게 가능하다 설정 -> 플러그인 -> 구글 서치 콘솔 클릭하고 계정 연결하기를 진행하면 된다 난 이미 연결했기 때문에 올바르게 등록되었다고 뜬다 tistory 주소/sitemap.xml 이동해보면 XML 파일이 잘 보일 것이다 [#React] React 프로젝트에 Redux 사용하기(초기 설정) Redux를 사용할 거기 때문에 세팅해 보겠습니다 npm install redux npm install react-redux npm install redux-actions 폴더, 파일 생성해 주세요 src ㄴstore ㄴmodules ㄴindex.js ㄴtest.js ① src/store/modules/test.js import { createAction, handleActions } from "redux-actions"; import produce from "immer"; const TEST = "TEST"; export const setPing = createAction(TEST); const initialState = { val: "complete" }; export default handleAct.. [#React] npx를 이용해서 React 프로젝트 시작하기 React를 시작하기 전에 Node가 설치되어 있어야 합니다 https://developer0809.tistory.com/15?category=895003 [#Node] Window에서 Node 설치 및 환경 변수 설정하기 React, React-native 프로젝트를 시작하기 위해서 node를 먼저 설치해야 합니다 먼저 다운로드 하겠습니다 nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. no.. developer0809.tistory.com 설치하고 오세요! npx를 이용해서 시작하겠습니다 npm install -g npx npx install -g create-react-app n.. [#Node] Window에서 Node 설치 및 환경 변수 설정하기 React, React-native 프로젝트를 시작하기 위해서 node를 먼저 설치해야 합니다 먼저 다운로드 하겠습니다 nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org node -v v12.16.3 저는 12.16.3 버전을 사용 중입니다 설치가 완료되었으면 환경변수 설정을 해야 합니다 윈도우 키 + R -> sysdm.cpl 시스템 속성 -> 고급 -> 환경 변수 -> 시스템 변수 -> Path에 추가 C:\Program Files\nodejs 이제 프로젝트를 시작하면 됩니다 [#Python Django] Django 웹 애플리케이션 시작하기 AWS에서 인스턴스 생성 후 Linux 환경에서 세팅을 시작했다 ① 가상환경 설치, django 세팅 sudo apt install python3-pip pip3 install virtualenv python3 -m virtualenv venv(가상환경 폴더명) cd venv/bin source activate pip3 install django django-admin startproject project . python3 manage.py startapp main python3 manage.py migrate python3 manage.py createsuperuser ② settings.py 수정 ALLOWED_HOST = ['localhost', '127.0.0.1', 'IP', '도메인'] INS.. [CSS] Grid Layout, 그리드 레이아웃 사용하기 display: flex flex-direction: row; flex-direction: column; css에서 보통 Flex를 많이 이용했을 것이다 Flex는 한 방향 레이아웃이다 row 혹은 column 속성을 줘서 일렬로 정렬한다 Grid는 row, column을 둘다 정렬할 수 있는 레이아웃이다 1 2 3 4 5 6 7 8 9 각각의 div를 배치하고 싶은대로 배치할 수 있다 1 2 3 4 5 6 7 8 9 단순 정렬 외에도 속성이 많다 div 정렬 시 활용할 수 있는 방법이 많으니 유용하게 사용하자 이전 1 ··· 18 19 20 21 22 23 다음
