웹 프로젝트 시작에 앞서 프로그램을 설치 하도록 하겠습니다.

우선 가장 필요한 자바 설치를 하겠습니다.

설치 하는 운영체제는 윈10 입니다.

https://java.com/ko/download/win10.jsp

에서 다운로드 하시면 됩니다.

저는 jdk-13.0.1_windows-64_bin.exeJavaSetup8u231.exe 를 받아서 설치 했습니다.

저는 설치 되어 있어서 제거가 먼저 선택 되어 있습니다.

설치를 클릭해 주시면 됩니다.

이렇게 진행 됩니다. 설치 후 부터가 중요 합니다. 설치는 클릭으로 하면 되니깐요!

완료 하시면 이제 환경변수를 설정 하러 가셔야 합니다.

자바 설치는 클릭이면 됩니다.

내 PC 에서 마우스 오른쪽 클릭하시면 가장 하단에 속성이 있습니다.

속성을 누르시면 스샷과 동일하게 설정이 나옵니다.

고급 시스템 설정 탭을 클릭 해주시면 

시스템속성 이 나옵니다. 그곳에서 환경 변수를 클릭해주시면 됩니다.

저 같은 경우에는 이미 설치 되어 있고 설정이 되 있는 관계로 변수 설정이 되어 있습니다. 시스템 변수에는 JAVA_HOME 이라는 변수는 없습니다. 그렇기 때문에 새로 만들기를 클릭 합니다.

위에  시스템 변수 편집이 아니라 새 시스템 변수라고 문구 나옵니다. 하지만 저는 이미 설치되어 있는 관계로 편집으로 스샷을 찍었습니다 저의 같은 경우엔 저 곳에 설치 되어 있습니다. 변수 값은 자바가 설치 되어 있는 경로를 설정해 주시면 됩니다.

그리고 Path를 찾아 주셔야 합니다. 

이 변수를 편집해 주셔야 합니다. 

이런 창이 뜨는데 새로 만들기를 하셔야 합니다.

C:\Program Files (x86)\Common Files\Oracle\Java\javapath

저 같은 경우엔 이곳에 패스 경로가 있네요.

 설치되어 있는 곳 java.exe , javaw.exe , javaws.exe 등이 있는 곳의 경로를 지정해 주시면 됩니다.

그런 다음에 자바가 잘 돌아 가는지 확인해 보아야 합니다.

cmd 창을 열어 주셔야 합니다.

윈도우키 + R 을 누르시면 실행 창이 나옵니다.  

실행창에 cmd 라고 입력 하시고 엔터를 치시면 cmd 창이 나옵니다.

cmd창이 나오면 java -version 이라고 치면 현재 자바가 설정 되어있는 자바의 버전을 나타냅니다.

그리고 자바가 클래스 파일을 만들 때 쓰는 것도 체크 해야 합니다.

javac -version 이라고 치면 javac 버전도 나타내 줍니다.

이 두가지가 제대로 나온다면 자바 설치 성공 입니다. 제대로 안나올 시 잘못 된것은 환경 변수 설정이 가장 큽니다.

환경 변수 설정을 다시 한번 살펴 보시면 됩니다.

여기까지 자바 설치와 환경변수 였습니다.

감사합니다.

웹 프로젝트라는 이름으로 명명 지은 이 포스팅 전체는 웹 호스팅을 목표로 하고 있습니다.

차례로 따라 오시면 차례로 안내해 드리겠습니다.

우선적으로 사용하는 것들을 설명 드리겠습니다.

Java , MariaDB , HeidSQL , FileZilla , PuTTY ,  Cafe24 ,Tomcat , summernote , STS 등으로 이루어져 있습니다.

당연히 자바와 STS 되어 있으니 Spring 기반으로 만들어 갈 것입니다. Mybatis을 이용 하여 JSP에 출력 하는 형태로 갈 것 입니다. JSTL도 이용 할 것입니다. 

하나씩 간단히 설명을 드리고 가겠습니다.

Java - 프로그램 언어로 자동화가 잘 되어 있어서 이해도를 가지고 접근 하면 다루기 쉬운 프로그래밍 언어 입니다. 디스플레이 표스 용도로 많이 사용 하다가 자동화등 여러가지 접근성이 좋아져서 웹에서도 접근성이 좋습니다.

 MariaDB - 데이터베이스의 한 종류로 MsSql이 유료화를 하게 되면서 생겨난 데이터 베이스 입니다.  MsSql과 유사한 점이 많은 데이터베이스 입니다.

HeidSQL -  오라클이나 MSsql과 다르게 MariaDB의 경우 자체적인 Developer가 없는 관계도 있지만 개인적으로 사용 하는 Developer로 중에 가장 편해서 사용중에 있습니다. 데이터베이스 관리툴이라고 생각 하시면 됩니다.

FileZilla - 간단하게 설명 드리면  FTP 사용 툴 입니다. 호스팅을 Cafe24로 할 예정 이기에 접근 하여 파일을 올리기가 쉽지 않습니다. FTP를 제외 하고 다른 방법이 있는지 모르겠지만 보통은 호스팅 업체에서 FTP를 이용 하도록 권장 하고 있습니다. 그래서 사용 하고 있습니다.

PuTTY - Cafe24를 이용 하게 되면 리눅스 서버를 사용 하게 될 것인데 리눅스 접속 툴이라고 생각 하시면 됩니다. 사용법은 간단 합니다. 간단한 리눅스 사용법도 알려 드리도록 하겠습니다.

Cafe24 - 호스팅 업체로써 자체적인 서버를 구축 하지 않고 사용 하는 목적으로 선택 했습니다. 쇼핑몰 만들때 많이들 사용 하시는데 AWS(Amazon Web Services)라고 해외 유명 기업 아마존에서도 호스팅을 할수 있고 다른 곳도 있습니다. 저같은 경우에는 포트폴리오 용으로 사용 하고 있어서 채택 하였습니다.

Tomcat - 서버 툴입니다. 간단하게 설명 드리자면 웹에서 자바를 구동하게 해주는 아주 착한 녀석 입니다. Spring Boot를 사용하시기 전에는 보통은 자체적으로 깔려 있지 않아서 사용 하셔야 합니다.

summernote - 에디터 툴 입니다. 게시판을 만들 때 UI를 하나씩 잡아주는것도 힘들 뿐더러 CMS도 사용하지 않을 예정 이기 때문에 에디터 툴을 사용 하였습니다.

STS - 이클립스의 버전 중 하나 입니다. 저는 개인적으로 전자정부프레임워크도 사용하지 않기 때문에 많이 사용 하고 있는 툴중 하나 입니다. 간단한 사용법만 아시면 유용하게 사용 하실 수 있습니다.

이외에 위에서도 설명 드렸듯이 Mybatis , JSP , JSTL도 사용 하지만 그것들은 자체적으로 그것만 포스팅 예정이 없어서 따로 설명은 붙였습니다. 

제 블로그만 따라 오시면 자신만의 웹 페이지를 소유 할수 있습니다. YouTube 광고에서 Wxx 라는 업체에서 말하는 듯이 자신만의 홈페이지를 만들어 보세요. 라는 문구 처럼 따로오시면 됩니다.

감사합니다.

안녕하세요 . 태공 입니다.

오늘은 구글 애드센스를 티스토리에 적용 하는 법을 적어 볼까 합니다.

구글 애드센스란 구글에서 제공하는 광고 서비스를 블로그에 대신 광고해주어서 일정 수익을 블러거(티스토리 운영자)d에게 돌려주는 서비스 입니다.

물론 많은 수익은 나지 않습니다. 자신이 블로그를 얼마나 공들여 하는지에 따라 수익이 천차 만별 입니다.

실제로 저도 이제 막 시작하는 블로거로써 열심히 해보자는 의미에서 애드센스를 신청 하여 첫 블로깅으로 애드센스를 선택 했습니다.

블로그를 운영 하면서 주기적으로 얼마나 벌리는지도 포스팅 할 예정 입니다.

애드센스를 적용 하기 위해서는 여러가지 세팅을 해야 합니다.

1. 티스토리 블로그 만들기

2. 구글에드센스 가입 / 애드센스 연결 / 소스코드연결

3. 애드센스 승인 

4. 티스토리에 적용하기

1. 티스토리 블로그 만들기

1) 티스토리 가입부터 시작 하겠습니다.

티스토리 홈페이지 https://www.tistory.com/ 으로 이동 합니다.

원래 티스토리는 초대장 이라는 것이 필요 해서 티스토리의 같은 경우 내가 가입 하고 싶다고 해서 가입 할수 없었는데 운영 정책이 바뀌어서 초대장 없이도 가입이 가능해 졌습니다.

그래서 티스토리를 만들어 주시면 됩니다.

2. 블로그를 만드셨다면 주제 혹은 글을 포스팅 할 것을 생각 하시어 초기 세팅을 해 줍니다. 

그리고 일정량의 포스팅을 해주어야 합니다. 

포스팅을 해주는 이유는 구글 애드센스의 경우 여러가지 절차가 있는데 블로그에 일정량(글자가 많은 포스팅 최소 1000자 이상의 포스팅이 4개정도)가 최근에 노출되어야지 승인이 됩니다.

그래서 포스팅 없이 진행 하시면 아주 미비 하지만 약간의 수입을 버리는 꼴이 됩니다.

그리고 글이 많은 포스팅이 중요 합니다. 사진이 많은 포스팅이 많을 경우에는 승인 거절이 난다고 알려져 있습니다.

사진 보다는 글 위주의 포스팅을 진행 해주세요.

저 같은 경우에는 이렇게 승인이 났습니다. 초기에 블로그를 만들때 승인이 거절이 났지만 최근 글들에 글로된 포스팅을 많이 해서 승인이 된거 같습니다. 저같은 경우에는 하루만에 승인이 되었습니다.

2. 구글 애드센스 가입 및 신청 

https://www.google.co.kr/intl/ko/adsense/start/#/?modal_active=none

으로 가셔서 일단 가입을 해주시면 됩니다. 대체적으로  구글 아이디가 있을꺼라고 생각 되지만 없을 경우는 구글 아이디 먼저 생성해주셔야 합니다.

아이디 생성 후에 코드를 연결하라는 메세지에 걸려서 아무것도 할수 없게 됩니다.

저 같은 경우에 티스토리를 전문적으로 해본게 아니라서 이 부분에서 조금 당황 했습니다.

<head></head> 사이에 코드를 넣어 달라고 합니다.

그래서 이부분이 어디 있는지 한참을 찾았습니다.

티스토리 관리자 페이지가 있습니다. 관리자 페이지를 가면 왼쪽 편에 여러가지 항목들이 나옵니다. 

블로그 관리에 필요한 부분을 제공 합니다. 그중에서 

꾸미기에 스킨편집이라는 항목이 있습니다.

이곳을 클릭 해주시면 스킨 편집  할수 있는 곳이 나옵니다. 이것을 찾지 못해서 저는 조금 당황했습니다.

해당 부분에서 

html 편집이라는 항목이 보이실 겁니다.

해당 버튼을 누르시면 저희가 원하는 코드를 넣을 곳이 만들어 집니다.

이런식으로 <head> 밑에 애드센스에서 제공하는 코드를 복사 붙여 넣기를 한후에 적용을 눌러주시고 진행 하면 됩니다.

3. 애드센스 승인

위에서도 말씀 드렸듯이 저는 승인이 되었습니다.

사진많은 포스팅은 제외 해주시고 글이 많은 포스팅이 중요 합니다. 

거절되면 마음 아프잖아요!

4. 티스토리에 애드센스 적용

이제 부터가 진짜 시작 입니다.

광고를 적용 해야하겠지요. 자 이제 수익을 내어 봅시다.

1) 자동 광고 설정 하기

승인 나면 여러가지 설정을 들을 할수 있는데 

일단 자동 광고 설정부터 해야 하기 때문에 동그라미 해 놓은 곳을 클릭해 주시면 구글 애드센스에서 자동으로 광고 할 곳을 체크 해줍니다.

이런식으로 서치를 해 줍니다. 정말 똑똑한 아이입니다.

이런식으로 자동 설정을 완료 해주시면 됩니다.

그리고 광고 단위를 설정해 주셔야 합니다.

2020년 1월 7일 기준으로 기존에 있던 항목이 변경이 되었는지 찾는데 시간이 좀 들었습니다.

광고 - 개요 에서 광고 단위 기준탭을 선택 하시면 됩니다.

탭을 선택 하시면 디스플레이 광고 인피드 광고 콘텐츠 내 자동 삽입 광고 등이 있습니다.

일반적으로 디스플레이 광고를 많이들 선택 한다고 합니다.

저도 디스플레이 광고를 선택 했습니다.

이런식으로 미리보기 화면이 나옵니다.  광고 단위 이름을 지정 하고 만들기를 눌러 줍니다.

이런식의 코드가 생성 됩니다. 코드를 복사 후 완료를 눌러 주시면 됩니다.

구글에 적용 하셨으면 티스토리에 플로그인을 설정해주셔야 합니다.

구글 애드센스는 3가지 입니다. 반응형 / PC / 모바일 입니다.

반응형은 한번 적용하면 PC/모바일에서 다 보이기 때문에 저는 반응형으로 선택했습니다.

광고 형태를 선택하여 주시고 애드센스 광고를 설정해 주시면 됩니다.

선택을 해주시면 코드가 만들어 집니다.

코드를 입력 하고 완료 해주시면 됩니다.

이제 적용 되는 것을 확인 하시면 됩니다.