서울 고등학교 순위 알아보기 

2024년 서울에서 상위권 고등학교는 주로 서울대 진학 실적을 기준으로 순위를 매겨집니다. 주요 학교들은 **자율형사립고(자사고)**와 외국어고등학교(외고), 그리고 일부 일반고로 구분됩니다. 서울대 합격자 배출 실적을 통해 상위권 고등학교를 살펴보면 다음과 같습니다.

서울대 입결로 알아보는 순위는 아래와 같습니다.

외대부고 (66명)
대원외고 (45명)
중동고 (42명)
하나고 (39명)
휘문고, 상산고, 선덕고 (36명)
세화고 (35명)
보인고 (33명)
낙생고 (29명)
단대부고, 민사고 (27명)
상문고 (26명)
한영외고, 화성고 (25명)
명덕외고, 배재고 (23명)
숙명여고 (22명)
한민고, 영동고 (21명)
세화여고 (20명)

1. 외대부고 (외국어대학교 부속고등학교)
경기도 용인에 위치한 외대부고는 2024년 서울대 합격자 66명을 배출하며 전국 최상위권 학교로 자리 잡고 있습니다. 이 학교는 수시 28명, 정시 38명의 학생을 서울대에 보냈으며, 자사고 중에서도 꾸준히 강세를 보여왔습니다?

2. 대원외고
서울 광진구에 있는 대원외고는 외국어 교육을 특화한 학교로, 2024년 서울대 합격자 45명을 배출했습니다. 특히 인문계열에서 강한 경쟁력을 보이며, 올해도 많은 수시 합격자를 배출했습니다?

3. 중동고
서울 강남에 위치한 중동고는 정시 강세 학교로, 2024년에는 42명의 서울대 합격자를 배출했습니다. 특히 의대 합격자도 꾸준히 배출하는 학교로, 정시 합격 비율이 매우 높은 것이 특징입니다?

4. 하나고
서울 은평구에 위치한 하나고는 수시 중심의 학교로, 2024년에는 39명이 서울대에 합격했습니다. 하나고는 학업뿐만 아니라 인성교육을 중시하는 학교로, 최근 몇 년간 수시 체제를 통해 뛰어난 성과를 내고 있습니다?

5. 휘문고
서울 강남구의 휘문고는 전통적인 명문 고등학교로, 올해 36명의 서울대 합격자를 배출했습니다. 휘문고는 정시 강세 학교로, 특히 의대 진학에 강점을 보이고 있습니다?

이 외에도 명덕외고, 한영외고, 선덕고 등이 상위권에 속하며, 대부분 자사고와 외고들이 높은 실적을 보여줍니다.

일반고 중에서는 대진고, 용산고, 숙명여고 등이 서울대 진학 실적이 뛰어난 학교로 평가받고 있습니다?

서울의 상위권 고등학교는 이처럼 각 학교의 교육 프로그램, 수시 및 정시 대비 전략, 학습 관리 시스템에 따라 매년 실적이 달라질 수 있지만, 전반적으로 꾸준한 학업 성과를 유지하는 학교들이 두드러집니다.


서울의 상위권 고등학교들이 높은 순위를 기록하는 이유는 각 학교의 교육 시스템과 진학 전략에 기반합니다. 특히, 자율형사립고(자사고)나 외국어고등학교(외고) 같은 특목고는 학생들의 학업 성취도를 극대화하는 다양한 프로그램을 운영하고, 우수한 교육 환경을 제공합니다. 아래에서 이러한 학교들이 상위권에 오를 수 있는 이유들을 자세히 설명해드릴게요.

1. 특목고와 자사고의 체계적인 진학 프로그램

또한, 대원외고나 한영외고 같은 외고들은 외국어 교육을 중심으로 하면서도, 인문학적 소양을 기르기 위한 프로그램을 함께 운영하여 학생들이 서울대 같은 상위권 대학에 진학할 수 있는 경쟁력을 강화합니다. 특히, 외고들은 학생들의 수시 대비 활동을 꾸준히 관리하고 있으며, 다양한 교내외 활동 기회를 제공하여 학생들의 비교과 활동 포트폴리오가 풍부하게 구성되도록 돕습니다?

2. 정시 강세 고교의 탄탄한 학습 관리
이러한 학교들은 내신 대비보다는 수능 성적에 집중하며, 학생들이 수능에서 최고의 성과를 거둘 수 있도록 정시 대비 학습 관리에 집중하는 것이 특징입니다.

3. 다양한 학습 지원 시스템과 특성화 교육

또한, 서울과학고는 과학 인재 양성을 위한 특화된 교육 과정을 운영하여, 서울대뿐만 아니라 해외 명문 대학에도 많은 진학자를 배출하고 있어요. 맞춤형 과학 교육과 심화 학습을 통해 학생들의 학업 역량을 강화하고 있습니다?

4. 수시 대비 활동과 포트폴리오 강화
서울의 상위권 학교들은 대부분 수시 체제에도 강세를 보입니다. 하나고는 특히 수시에서 31명의 서울대 합격자를 배출하며, 수시 대비로 특화된 학교 중 하나로 손꼽힙니다. 학교는 학생들이 자신의 진로에 맞는 활동을 선택할 수 있도록 다양한 기회를 제공하며, 이를 통해 차별화된 비교과 활동과 자기소개서 작성 지원 등을 철저히 관리합니다?

이처럼 서울의 상위권 고등학교들은 각기 다른 특성화된 교육 프로그램을 통해 학생들의 성과를 극대화하고 있으며, 수시와 정시를 동시에 대비하는 균형 잡힌 교육 전략을 통해 우수한 대학 진학 실적을 유지하고 있습니다.

서울 상위권 고등학교들은 이처럼 각기 다른 강점을 가지고 있으며, 학업 성취도를 극대화하기 위한 다양한 교육 전략과 프로그램을 통해 매년 우수한 대학 진학 실적을 자랑하고 있습니다.

2024년 보육교사 호봉표 및 월급 상세 정리

2024년 보육교사 호봉표에 따르면, 보육교사의 급여는 호봉에 따라 차등 지급되며, 매년 소폭의 인상률이 적용됩니다. 기본 급여 외에도 여러 수당이 추가되며, 근무지와 지역에 따라 월급이 달라질 수 있어요. 이제 호봉별 기본 급여와 함께 추가로 받을 수 있는 수당들에 대해 자세히 살펴볼게요.

2024년 보육교사 호봉표 (기본급)

2024년 보육교사의 기본급은 호봉제를 기반으로 하며, 경력이 쌓일수록 호봉이 올라가면서 급여도 인상됩니다. 각 호봉의 기본급은 다음과 같습니다:

1~10호봉
1호봉: 월 2,172,600원 / 연 26,071,200원
5호봉: 월 2,239,000원 / 연 26,868,000원
10호봉: 월 2,465,100원 / 연 29,581,200원

11~20호봉
11호봉: 월 2,514,000원 / 연 30,168,000원
15호봉: 월 2,745,200원 / 연 32,942,400원
20호봉: 월 3,044,100원 / 연 36,529,200원

21~30호봉
21호봉: 월 3,128,300원 / 연 37,539,600원
25호봉: 월 3,351,200원 / 연 40,214,400원
30호봉: 월 3,603,500원 / 연 43,242,000원?

보육교사 추가 수당

기본 월급 외에도 다양한 수당이 보육교사에게 지급됩니다. 이 수당은 정부와 지자체에서 제공하며, 근무지의 지역에 따라 지급액이 달라질 수 있어요. 주요 수당에는 다음이 포함됩니다:

처우개선비
처우개선비는 보육교사의 복지 향상을 위해 제공되는 수당으로, 지역에 따라 금액이 달라져요. 예를 들어 서울 종로구의 경우 약 17만 5천 원의 처우개선비가 지급되며, 송파구는 23만 5천 원을 받을 수 있어요?

근무환경 개선비
영아반 교사를 위한 근무환경 개선비로 약 26만 원을 추가로 받을 수 있으며, 이는 교사들의 근무 환경을 개선하기 위해 지급되는 수당입니다.

장기근속수당
경력이 오래된 교사들에게는 장기근속수당이 추가 지급됩니다. 예를 들어, 5년 이상의 경력을 가진 교사는 약 10만 원에서 20만 원의 수당을 추가로 받을 수 있습니다?

특수근무수당 및 기타
장애아 보육교사로 근무할 경우, 장애아 돌봄에 대한 특수 근무 수당으로 약 30만 원이 추가됩니다.
농어촌 수당이나, 시간외 수당도 해당 근무지나 상황에 따라 별도로 지급될 수 있습니다?

3. 2024년 보육교사의 월급 실수령액

보육교사의 실제 월급은 기본급에 각종 수당을 합산한 뒤, 세금이 공제된 금액입니다. 예를 들어, 1호봉 보육교사의 경우 기본 월급 2,172,600원에 처우개선비 17만 5천 원, 근무환경 개선비 26만 원 등을 합산하면, 약 2,600,000원 정도의 실수령액이 될 수 있어요. 여기에 시간외 근무가 있을 경우, 시간외 수당이 추가됩니다.

국공립 vs 민간 어린이집
국공립 어린이집에 근무하는 교사는 민간 어린이집보다 더 많은 수당과 복지 혜택을 받을 수 있습니다.
민간 및 가정 어린이집의 경우, 많은 곳이 최저임금을 적용하며, 추가 수당이 적을 수 있어요. 보통 1호봉을 기준으로 기본급과 수당이 책정되는 경우가 많습니다?

4. 보육교사의 근무 환경

보육교사들의 근무시간은 평일 8시간이 원칙이지만, 어린이집 운영에 따라 연장 근무가 발생할 수 있어요. 이러한 경우 시간외 근무수당이 지급됩니다. 또한, 일부 지자체에서는 특수교육비나 담임수당, 가계지원비 등을 추가로 지원하기도 해요?

2024년 보육교사의 급여는 호봉제에 따라 기본급이 결정되며, 여기에 각종 수당을 더해 실수령액이 달라집니다. 특히, 처우개선비와 근무환경 개선비가 주요 수당으로 작용하며, 근무하는 지역과 어린이집 유형에 따라 받는 혜택이 달라질 수 있어요. 장기근속 교사나 특수한 자격을 가진 교사는 더 많은 혜택을 받을 수 있으니, 자신의 경력과 자격을 고려해 급여를 계산해보는 것이 좋습니다.

왜 갚다와 값다는 헷갈릴까?

한국어에서 갚다와 값은 발음이 비슷하기 때문에 많은 사람들이 혼동을 일으키기 쉬워요. 특히, 두 단어 모두 경제적인 개념과 관련이 있기 때문에 더 헷갈릴 수 있어요. 값은 물건이나 서비스에 매겨진 가격을 의미하고, 갚다는 빌린 돈이나 신세, 은혜 등을 돌려주는 행동을 뜻하죠. 이 둘이 발음과 의미 면에서 연관된 느낌을 주다 보니, 값을 갚다와 같은 표현에서 자칫 값다라는 잘못된 형태로 이어지게 되는 거예요.

이러한 혼동은 특히 일상 대화나 글쓰기에서 자주 나타나요. 우리가 흔히 값을 치르다, 가격을 지불하다 같은 표현을 많이 쓰면서, 그 자연스러운 흐름 속에서 무의식적으로 값다라는 잘못된 표현이 나올 수 있는 것이죠. 그러나, 올바른 표현을 알고 나면 쉽게 구분할 수 있어요.

1. 갚다
갚다는 기본적으로 돌려주다라는 의미예요. 빌린 돈을 되돌려주는 상황에서 자주 사용되며, 그 외에도 다양한 맥락에서 쓰여요. 예를 들어, 물리적인 돈뿐만 아니라 정신적, 도덕적인 채무를 갚다로 표현할 수 있죠.

금전적인 빚을 갚다: 친구에게 빌린 돈을 되돌려 주는 상황에서 갚다를 사용해요.
예: 친구에게 빌린 돈을 이번 주에 갚았어.
은혜를 갚다: 누군가에게 도움을 받았을 때, 그에 대한 보답으로 도움을 되돌려주는 것도 갚다라고 해요.
예: 옛날에 나를 도와준 은혜를 이번에 갚았다.
원한을 갚다: 누군가에게 받은 나쁜 일을 되돌려 주는 의미로도 갚다가 사용돼요.
예: 그 사람에게 당한 원한을 이번에 갚았다.
이처럼 갚다는 돌려주는 행위를 포괄적으로 표현할 수 있는 단어예요.

잘못된 표현: 값다는 틀린 표현
많은 사람들이 값이라는 단어에서 유래한 것으로 착각해 값다라고 말할 때가 있지만, 값다는 표준어가 아니며 국어사전에 없는 단어예요. 아무리 말하는 상황이나 맥락이 가격과 관련되어 있다고 해도, 값다는 잘못된 표현이니 절대 사용하면 안 돼요. 예를 들어, 값을 치르다와 같은 표현에서 무심코 값을 값다라고 잘못 쓸 수 있는데, 이는 틀린 표현이니 주의해야 해요.

결론적으로, 올바른 표현은 갚다입니다. 물건의 가격을 의미하는 값과 빚을 갚는 갚다는 구별되어야 해요. 경제적인 개념과 관련이 있다고 해서 값다라는 단어를 만들어내는 것은 문법적으로나 의미적으로 옳지 않아요. 한국어의 어휘는 발음이 비슷하더라도 정확한 쓰임이 다를 수 있으니, 갚다와 값의 차이를 명확히 이해하고 구분해서 사용해야 해요.

추가 팁: 값과 관련된 올바른 표현들
값다는 틀린 표현이지만, 값을 사용하는 다양한 올바른 표현들이 있어요. 이를 잘 숙지하면 혼동을 줄일 수 있죠:

값을 치르다: 물건이나 서비스의 대가를 지불하다.
예: 새로 산 물건의 값을 다 치렀다.
값어치를 하다: 어떤 물건이나 행위가 그 가격이나 가치에 맞는 역할을 하다.
예: 이 물건은 값어치를 톡톡히 한다.
이처럼 값은 가격과 관련된 표현에서 주로 사용되며, 갚다는 채무나 신세를 돌려주는 상황에서 사용된다는 점을 기억하면 좋겠어요.

#맞춤법 #국어공부 #한국어사용법 #갚다와값다 #올바른표현

지금 내가 사용을 하고 있는 애드센스 스킨은 정말 장점이 많은 스킨인데 조금 불편한 부분들이 있다 태그가 타이틀 부분에 보이는 거나 날짜가 타이틀 아래에 보이는 부분들 크게 의미가 없는 부분이며 오래된 글이면 바로 날짜를 보고 오래된 원고라고 생각을 할 수가 있기 때문에 그다지 좋은 영향은 주지 못한다고 볼 수가 있다 

그래서 이런 날짜가 나오는 부분을 없애는 방법을 한번 알아보도록 하겠다 계속된 html 수정을 해 보는데 이렇게 하나하나 하면서 html 코드에 적응을 해 보는 것도 좋을 것 같다는 생각이 든다 티스토리 스킨은 내 맘대로 솔직히 다 수정을 할 수가 있는 부분이기 때문이다 Square 스킨 태그위치를 수정 하는것도 아래의 글을 보면 좋을 것 같다 

일반적인 글이다 보면 타이틀 바로 아래 부분에 날짜가 보인다 크게 의미가 없는 정보이기 때문에 글의 가독성만 떨어트리는 것 같아서 이 부분을 삭제를 해 보도록 하겠다 어렵지 않기 때문에 누구나 쉽게 따라할 수가 있을 것 같다 한번 보겠다

먼저 스킨 수정으로 간다  꾸미기/스킨편집 으로 가서 html 편집으로 가 본다 이 곳에서 이 스킨의 정보를 수정을 할 수가 있다 본문 매타태그를 확인을 해 본다 본문 매타는 이니 이 소스를 찾아 본다 

이 본문 상단 부분에 사이틀이나 날짜 정보를 보여주는 소스가 있지 않을까 예상이 된다 그래서 윗 부분을 한번 살펴 본다 

바로 head div 가 있다 이건 해더 부분을 이 div 에 묶어 놓은거라 생각을 하면 될 것 같다 첫번째 줄은 타이틀 이다 클릭을 하면 타이틀의 링크로 들어가게 되어 있다 링크를 없래여면 a href 부분을 지우면 되겠지 이게 하이퍼링크 명령어 이기 때문이다 

그리고 두번째 줄이 date 날짜 정보이다 article_rep_date  글이 작성이 된 날짜이다 이 부분을 삭제를 하면 되겠다.

과감히 한 줄을 삭제를 해 버린다 상관 없다 삭제를 하더라도 괜찮으니 이렇게 삭제를 하면 아래와 같은 소스가 된다 이 상태에서 저장을 하고 문서보기를 해 본다

이렇게 타이틀만 보이는 것을 알 수가 있다 어렵지 않다 html 코드 해독만 어느정도 할 수만 있다면 이런 정도의 수정은 누구나 할 수가 있다 그러니 티스토리를 운영하는 분들은 html을 기본적인 개념 정도만 알아 놓으면 좋을 것 같다는 생각이 든다

이제 문서의 가독성이 조금은 좋아진 것 같다 불필요한 날짜 정보로 집중력이 떨어지는 부분을 조금은 제거한 것 같으니 말이다 이렇게 조금씩 조금씩 나의 블로그를 내가 직접 최적화를 만들어 간다는 건 너무 즐거운 일이 아닐까 하는 생각이 든다 하나하나 하면서 이렇게 기록을 남기는 것도 괜찮다는 생각이 든다 이렇게 한 다음 최적화 된 스킨은 별도로 백업을 해 놓고 나중에 다른 블로그에 바로 사용을 할 수도 있다 

그 부분도 나중에 한번 기록으로 남겨 보도록 하겠다 실제로 다량의 블로그를 운영하는 분들은 나만의 최적화 된 스킨을 하나 만들어서 일괄로 통일해서 사용을 한다 정말 괜찮은 방법이다 다음에 이야기를 해 보겠다.

ftp 클라이언트 프로그램 하면 대표적인 프로그램이 아마도 파일질라를 이야기 할 것 같다 나도 워드프레스 등의 사이트를 사용할때 파일 올리고 내리는 부분은 이 파일질라를 사용을 한다 안정적인 클라이언트 프로그램이기때문이다 

그런데 이 프로그램을 사용하면서 불편한 부분을 발견을 할 때가 있다 파일이 보이지 않는 경우가 있기 때문이다 다른 ftp 클라이언트 에서는 디폴트로 보이는 파일이 이 파일질라에서만 유독 보이지가 않는다 이럴 경우 해결 방법을 한번 이야기를 해 보도록 하겠다 

그러면 한번 파일질라로 내가 운영중인 워드프레스 화면을 한번 보도로 하겠다 .htaccess 의 내용을 좀 수정을 할 일이 있는데 보이지 않아서 처음에는 어 이상하다 워프에는 분명 루트폴더에 있는데 왜 안보이지 하는 생각이 들었었다 알고보니 파일질라 설정이 기본적으로 숨김파일은 보이지 않게 되어있다는 부분이다

파일질라 .htaccess 숨김파일 보기 간단하게 해결할 수가 있다 이걸 몰라서 고생을 하시는 분들도 있는데 정말 간단하게 설정 하나 바꾸어 주면 다 보인다 파일질라를 설치를 하면 꼭 이 부분부터 확인을 해 보는게 좋을 것 같다 서버탭 에 숨김 파일 강제 표시 를 선택을 해 주면 끝

이제 이렇게 숨김파일이 보이는 것을 알 수가 있다 .htaccess 안의 내요을 이제 수정을 할 수가 있을 것 같다 

파일질라를 사용하는 분들 중 이 부분으로 고생을 하시는 분들도 있을 것 같다 파일이 보이지 않아서 고생을 하시는 분들은 꼭 한번 읽어보시면 도움이 될 거라 생각이 든다

애드센스를 활용하여 수익을 올리기 위해서는 본문에 적절한 광고들이 잘 들어가야 한다는 것은 다들 알고 있을 것이다 그런데 내가 원하는 곳에 광고를 넣고 싶은데 소스를 그때그때 넣기는 여간 힘든일이 아니다 이럴때 쉽게 할 수가 있는 방법은 없을까 하는 분들이 계신데 오늘 이야기 하는 방식을 이용하면 정말 쉽게 활용을 할 수가 있다

방법은 바로 서식을 이용하는 방법이다 소스코드를 서식으로 만들어 놓으면 되는거지 그러면 어떻게 하면 되는지도 한번 알아보도록 하겠다 오늘 이야기 하는 방법은 스크립트 방법으로 나중에 광고의 모양이나 방식을 한번에 바꿀때 본문을 수정할 필요가 없는 방법이기 때문에 정말 유용한 방법이니 한번 잘 보기 바란다

그러면 티스토리의 서식관리로 먼저 들어가 본다 좌측에 보면 아래와 같이 서식관리를 할 수가 있다 이 곳은 내가 자주 사용하는 폼을 서식으로 만들어서 언제든 계속해서 사용을 할 수가 있게 만들 수가 있다는 부분에서 잘 활용을 하면 효율적으로 사용을 할 수가 있다 

그리고 서식등록을 할때 아래와 같이 간단하게 하나 등록을 한다 Div 하나만 html 보기로 등록을 하면 된다 html 편집으로 꼭 해야만 한다 아래와 같이 기본모드 에서 Html 을 선택을 한다 그러면 본문이 까만색으로 바뀌는 것을 알 수가 있다

아래와 같이 에디터가 바뀌었다면 html 하나를 넣어준다 간단하게 딱 div 하나와 Id 만 정리를 해서 넣어준다 그리고 안의 내용은 공백으로 넣어준다 너무 간단하다 이렇게 하면 끝인가 이게 어떻게 움직이는 것일까 하는 사람들이 있을 것 같다 여기에서 끝이 나는건 아니다 다음 스텝으로 가 본다.

하여간 이렇게 서식이 하나 생성이 된 걸 알 수가 있다 안에 들어가면 아무것도 보이지 않는다 그냥 공백일 뿐 그러면 이제 html 수정하기로 가 본다 여기에서 이제 시작을 하는 것이다

그리고 소스의 맨 마지막 부분으로 간다 그리고 아래의 빨강 부분 소스를 삽입을 한다 이 부분이 이 서식을 이용해서 광고를 띄우는 부분이라 볼 수가 있다 

간단하게 해석을 해 보겠다 자바스크립트 로 되어 있다는 것을 알 수가 있는데 해석을 하면 이렇다 만약 본문에 ads 로 되어있는 객체가 있는지를 확인을 해 본다 그리고 있으면 그 객체 안에 innseHtml 로 html 을 추가를 해 준다는 그런 이야기 이다 

그 내용은바로 애드센스 광고 내용을 넣으면 될 것이다 그러면 이제 본문에서 ads 로 된 객체가 있으면 그 부분에 저 소스가 들어가게 되는 것이다 그럼으로 광고가 나오게 되는 것이다 아주 스마트한 부분이다

소스에서 녹색 박스 부분만 나의 애드센스 코드로 바꾸어 준다 이 부분은 위에서 몇번 언급을 했으니 잘 알거라 생각한다 잘 이해가 안간다면 아래의 문서를 한번 자세히 살펴보면 될 것 같다 그리고 아래의 본문도 애드센스를 하는 분들이라면 꼭 참조를 하면 좋을 것 같다 너무나도 유용하기 때문이다

자 여기까지 만들었다면 이제 세팅이 다 되었다 글을 쓸때 서식만을 이용하면 된다 하나 실습으로 만들어 보도록 하겠다 이미 작성을 한 글에 한번 내가 원하는 곳에 광고를 넣어 보도록 하겠다 나는 아래의 본문 사이에 광고를 넣고 싶다 예전의 방법으로 하려면 html 로 바꾸어서 소스를 다 넣어야 한다 너무 번거롭다 

그러면 본문 수정으로 한 다음 커서를 광고를 넣을 부분으로 가져다 놓는다 그리고 난 다음 서식 열기를 해 본다 

서식을 보면 아까 만들어 놓은 서식을 찾을 수가 있다 하나하나 천천히 따라오면 누구나 다 만들 수가 있다 이렇게 서식에 있는 애드센스 본문을 선택을 한다 그러면 끝이 난 것이다 완료 버튼을 클릭을 하면 된다

그러면 안에 내용이 잘 들어가 있는지를 한번 본문에서 Html 보기로 확인을 해 본다 확인을 해 보니 서식으로 만들어 놓은 부분이 잘 들어간 것이 확인이 된다 

자 그럼 나가서 본문 보기를 해 보자 이 곳에 광고가 잘 들어갔는지 확인을 해 보겠다 와 내가 원하는 광고가 딱 들어가 있는것을 볼 수가 있다 너무 기분이 좋지 않은가 이렇게 하면 내가 원하는 곳에 광고를 넣을 수가 있다는게 정말 중요한 부분이라 생각을 한다

이렇게 오늘은 서식을 이용하여 애드센스 본문광고를 쉽게 넣는 방법을 알아보았다 이 방식이 좋은 점은 나중에 본문의 광고 형식을 바꿀때 html 의 소스만 바꾸면 모든 본문의 광고가 다 한번에 바뀐다 즉 100개의 글이 있다면 예전에는 하나하나 들어가서 본문을 다 수정해야 했다면 이제는 그냥 html 편집에서 한번만 바꾸면 싹 바뀐다 

그리고 모든 본문에서 광고를 빼야하는 상황이 발생했다면 그때도 html 소스 부분만 지우면 한번에 싹 빠진다 그래서 이런 서식을 여러개 만들어서 본문 사이사이 다양한 광고 스타일을 넣는 방식도 괜찮다는 생각이 든다 본문에 쉽게 서식을 넣고 나중에 일괄로 한번에 수정을 하고자 한다면 이 방식을 사용해 보길 권장한다 스크립트는 파일로 제공을 하도록 하겠다 함께 돈 벌어보자!!!

애드센스 광고를 하나하나 넣다 보니 사이드바에 잇는 자투리 공간도 아깝다는 생각이 들었다 그래서 이 자투리 공간을 없애야 겠다는 생각을 하게 되었다 이 공간에 다른 광고나 배너를 넣을 수가 있다는 생각에 말이다 한번 알아보겠다

바로 이 공간이다 나의 블로그의 이름인 오빠만세 가 나온다 맨날 만세만 보면 지겨우니 이 공간을 광고로 채워서 다이나믹한 공간으로 만들고 싶다 그리고 사이드 공간을 쓸대없이 버리고 싶지 않다는 생각이 들었다 그래서 이 부분을 지우고 싶어서 한번 html  소스를 찾아 보았다 어딘가에는 있겠지 하는 생각에 

그래서 소스보기 에서 사이드바 부분을 한번 찾아 보았다 바로 찾을 수가 있었다 메타로 타이틀을 넣은 부분이 사이드바 부분에서 보인다 이 부분을 없애면 되겠구나 해서 위의 빨간 박스 부분을 한번 없애 보았다 아래와 같은 소스로 수정을 하였다 

자 그러면 결과는 어떻게 나왔을까 한번 화면을 보도록 하겠다 너무 깔끔하게 나온걸 알 수가 있다 위에 약간의 공간을 더 두고 싶다 하는 분들은 div class = blank 부분은 지우지 않으면 된다 약간의 여백을 준다는 명령어 이다 한번 바꾸고 난 다음의 공간을 보도록 하겠다. 

이렇게 전 후의 모습이 많이 달라진걸 알 수가 있다 전 버전은 오빠만세 라는 부분이 너무 많은 자리를 차지를 했는데 이 공간이 깔끔하게 바뀌었다 사이드바에 다양한 배너를 더 넣을 수 있는 그런 공간이 생긴 것이다 이렇게 html 을 내가 조금 알게 된다면 스킨을 내 맘대로 조금씩 수정을 할 수가 있다 

내가 이 티스토리의 스킨을 직접 만들기는 어렵더라도 이렇게 약간씩 수정을 할 수가 있다는 것 만으로도 상당한 메리트가 있다 못하는 사람들 보다는 내가 더 우위를 점할 수가 있기 때문이 아닐까 하는 생각이 드니 말이다 그러니 다른 분들도 html 이나 간단한 자바스크립트 정도는 알아 놓으면 좋을 것 같다

애드센스 광고 승인을 받고 나니 갑자기 할일이 많아졌다 일단 나의 블로그에 이 애드센스를 세팅을 해야하기 때문이다 그래서 하나하나 하는데 이번 시간은 사이드에 배너를 다는 방법을 알아보겠다 지금 내가 사용하는 이 스킨은 상당히 괜찮은 스킨이다 왜냐하면 스크롤을 해도 왼쪽의 배너는 상단에 고정이 되어 있기 때문에 광고 효과가 상당히 좋은 그런 스킨이다 스킨이 궁금하면 아래의 글을 참조하면 될 것 같다

그래서 나는 왼쪽에 한번 애드센스 광고 배너를 만들어 보았다 배너를 만드는 방법은 지난 시간에 한번 자세히 알아보았는데 그 글을 한번 더 참조를 하면 더욱 도움이 될 것 같다 이번 시간에는 예전 그 문서가 있어서 깊이있게 보기 보다는 간략하게 이야기를 해 보도록 하겠다 

지금 사용하는 이 스킨은 사이드바 기능이 아주 강력하다 이 사이드바는 글을 스크롤을 해도 상단에 그대로 고정이 되어 있기 때문에 더욱 주목받는 그런 배너를 만들 수가 있다 그래서 더욱 강력하고 애드센스 등을 설치하기에는 제격인 그런 스킨인 것 같다 아래의 사진 처럼 왼쪽에 배너가 두개가 달려 있는것을 볼 수가 있다 이 부분은 스크롤을 해도 내려가지 않기 때문에 글을 읽는동안 계속해서 노출이 되는 방식이다

그러면 어떻게 만드는지를 한번 알아보도록 하겠다 html 편집에 자신이 없는 분들이라면 이전 글을 참조를 해도 될 것 같다 보고 하면 더욱 도움이 될 것 같다 그러니 배너를 만들고자 하는 분들은 아래의 글을 일단 한번 정독하고 오기를 바란다 

그러면 위의 글을 보고 어느정도 감을 잡았다 생각을 하고 진행을 하도록 하겠다 위에서 본 부분을 티스토리 html 스킨 편집에서 찾아본다 dinositebanner 이 보일 것이다 이와 비슷하게 슬라이드바 element 를 만들어 준다 아래 처럼 껍데기를 먼저 만들고 주석 부분에 애드센스배너 라고 이름을 칭해 준다 

그리고 안에 소스를 넣어 준다 지난번 상 하단 배너를 넣는 부분과 같은 소스로 해도 상관이 없다 단지 빨간박스의 부분을 나의 블로그에 맞게 수정을 해 준다 width 는 가로를 이야기 하고 height 는 세로를 이야기 한다 이 부분을 나의 블로그에 맞게 한번 만들어 본다 나는 두개를 만들었다 

이렇게 소스를 코딩을 했으면 저장을 하고 나간다 그리고 티스토리 메뉴의 사이드바 쪽으로 들어가 본다 그러면 하나가 생겨져 있는 것을 알 수가 있다 사이드바를 아래와 같은 순서로 넣는데 뭐 순서는 상관 없다 원하는 순서대로 넣어주면 된다 그러면 이 순서대로 사이드바가 보여진다

이렇게 html 은 조금만 할 줄 알면 정말 무한응용을 할 수가 있다 개념만 알면 계속된 반복이기 때문에 조금 공부를 해 보는 것도 좋다 이렇게 하니 정말 괜찮은 사이트 같다는 생각이 든다 일단은 마음에 든다 다른 분들도 이 스킨으로 따라하기를 해 보기 바란다 ~~~~

애드센스 승인을 얻은 후로 부턴 한동안 애드센스 관련된 내용을 계속해서 연재를 할 예정이다 내가 이 오빠만세 사이트에 광고를 만들어 나가는 과정을 모두 글로 만들어 볼 예정이다 그럼으로 내가 가지고 있는 Tip 들이 다 이 곳에 들어갈 것이라 생각을 하고 많은 분들에게 이 내용들이 도움이 되었으면 좋겟다 

지난 시간에 애드센스 광고에 대한 부분을 이야기를 해 보았고 다양한 종류의 광고를 직접 만들어 보기도 햇다 그렇게 코드를 만들었다면 이제는 나의 사이트에 적용을 해 볼 차례이다 나의 경우는 자동광고와 광고단위를 함께 사용하는 편이다 다 장단점이 있기 때문이다 광고 단위로 쓰면 내가 원하는 곳에 광고를 넣을 수가 있기 때문이다 

애드센스 촤적화 광고 사이즈는 

내가 알고 있기로는 336*280 이 최적화 된 사이즈라고 볼 수가 있다 모바일에서도 확실하게 보이고 Pc 에서도 괜찮은 사이즈로 보이기 때문에 나는 이 사이즈를 즐겨 사용을 하고 있다 그리고 상단이 가장 수익이 괜찮기 때문에 상단 광고에 힘을 많이 주는 편이다 그래서 pc 에서는 상단에 2개의 광고가 모바일에서는 하나의 광고가 자동으로 보이게 할 예정이다 

이렇게 하기 위해서는 html 편집에서 스크립트를 넣어주는게 좋다 그러면 일단 먼저 스크립트를 애드센스에서 가지고 온다. 

신규 광고단위 에서 지난번에 만들어 놓은 상단광고를 가지고 온다 <> 이 표시를 클릭을 하면 소스를 볼 수가 있다 이 곳에서 소스 보기를 한다. 

가장 중요한 부분은 위의 빨간박스 안에 있는 부분이다 위의 부분은 클라이언트 라고 해서 애드센스 계정의 고유 코드이다 보통 펍코드 라고도 많이들 부른다 나의 애드센스 계정을 뜻하는 내용이다 그리고 아래 부분은 광고단위의 고유 코드이다 이 두가지 코드만 일단 알아 놓는다 그리고 스크립트를 만들어 본다 아래와 같이 

<div align = "center">
<script>
//상단 768 픽셀 이상일 경우 광고 송출
if(window.getWindowCleintWidth()>=768){
	document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle"style="display:inline-block;width:336px;height:280px;"data-ad-client="ca-pub-4706755557397688"data-ad-slot="2615550355"></ins>');
		(adsbygoogle = window.adsbygoogle || []).push({});
	}
</script>
					
<script>
//상단 광고 송출
	document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle"style="display:inline-block;width:336px;height:280px;"data-ad-client="ca-pub-4706755557397688"data-ad-slot="2615550355"></ins>');
		(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>




<div align = "center">
<script>
    //하단 전체광고
		document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle" style="display:block;width:100%" data-ad-client="ca-pub-4706755557397688" data-ad-slot="2615550355" data-ad-format="auto" data-full-width-responsive="false"></ins>');
		(adsbygoogle = window.adsbygoogle || []).push({});
</script>		
</div>

자바스크립트를 잘 모르는 분들에게는 어려울 수가 있으나 너무 어렵게 생각을 하지 않아도 된다 위의 소스에서 딱 두군데만 고치면 된다 펍코드와 슬롯 부분만 수정을 하면 된다 그리고 적용만 하면 바로 멋진 광고코드가 붙는걸 볼 수가 있다

그러면 어떻게 하는지를 알아보자 일단 위의 소스를 만들었다면 아래와 같이 티스토리의 html 편집으로 간다 이 곳에서 수정을 하면 되기 때문이다 html 편집을 어떻게 해야하는지 모르겠다면 아래의 글을 참조하면 될 것 같다

자 그러면 html 편집에서 위의 소스를 한번 넣어보겠다 먼저 소스에서 아래 부분을 찾는다 이 부분은 본문 내용이 나오는 티스토리 매타 태그라고 보면 된다 그러니 이 부분이 본문의 내용이라고 보면 된다 그래서 이 광고는 본문의 위 아래에 나오게 하는게 오늘의 해야할 임무라고 볼 수가 있다 

본문의 내용을 찾았다면 아래 위로 위의 소스를 넣어준다 이렇게 하면 완성이 되었다 너무 쉽다 html 을 조금 알고 자바스크립트를 조금만 안다면 누구나 쉽게 할 수가 있다 소스가 이해가 가지 않는다 하더라도 이 부분만 그냥 따라하기를 하면 될 것 같다

그러면 위의 소스에서 어떤 부분을 수정을 하면 될까 딱 두군데만 수정을 하면 된다 초록 박스로 한번 부각을 시켜 보겠다 아래의 초록 박스 부분을 애드센스에서 가지고온 소스로 수정만 해 주면 알아서 들어가 진다 처음 하면 어렵겠지만 몇번 해 보면 어렵지 않게 하지 않을까 하는 생각이 든다 소스는 파일로 첨부를 해 놓겠다  

그러면 광고소스를 넣기 전과 후를 한번 비교를 해 보겠다 넣기전은 아래와 같이 일반 텍스트만 보이는 것을 알 수가 있다 

광고를 넣었을때는 이렇게 예쁘게 나오는 것을 알 수가 있다 pc 버전은 이렇게 상단에 두개의 광고가 나오는게 개인적으로는 더 효과가 있는 것 같다 물론 다른 스타일을 좋아하는 분들이라면 알아서 잘 만들어 놓으면 될 것 같다는 생각도 든다

그리고 아랫 부분은 이렇게 큰 광고가 나오는 것을 볼 수가 있다 아래는 이렇게 크게 나오는게 괜찮아 보여서 이런 광고를 넣게 되었다 그 아래 일치하는 광고를 넣으면 더 좋을 것 같다 다음에는 일치하는 광고도 한번 넣어봐야겠다 

그리고 창을 작게 하면 이렇게 상단의 부분이 하나의 광고로 만들어지는 것을 볼 수가 있다 그러니 모바일이나 작은 화면으로 볼 때는 두개로 나와서 불편하지 않고 깔끔하게 광고를 볼 수가 있다는것을 알 수가 있다

이런 방법이 아닌 플러그인을 사용하는 방법을 이용해도 된다 요즘은 수익 이라는 곳이 별도로 있어서 그 곳에 애드센스 코드를 넣고 해도 되나 좀 느린 감이 있어서 나는 옛 스타일로 그냥 사용을 하고 있다

이 방법이 티스토리 글 로딩 속도가 더 빠른 것 같아서 불편해도 사용자를 위해 빠른 속도를 유지하기 위해 이 방법을 선호한다 위의 소스 부분은 파일로 남겨 놓을테니 사용을 하고 싶은 분들은 사용을 해 보기 바란다

오늘 이 방법으로 광고를 띄워 볼 사람들은 한번 따라 해 보는 것도 나쁘지 않다는 생각이 든다 다음에는 본문에 광고를 쉽게 넣는 방법에 대해 한번 이야기를 해 보도록 하겠다 그러면 오늘도 좋은 하루!!!

오늘은 티스토리 신규광고 광고단위 기준으로 세팅하는 부분을 한번 알아보도록 하겠다 예전에는 모두가 다 이런 광고단위 기준으로 세팅을 했었는데 요즘은 사이트 기준으로 세팅을 하는 방법도 있으니 내가 원하는 스타일로 하는 것도 괜찮다는 생각이 든다 사이트 기준은 아래의 글을 참조를 하면 좋을 것 같다 

그러면 광고단위 기준을 보도록 하겠다 3가지의 스타일로 만들어 낼 수가 있다 하나하나 알아보는 것도 괜찮을 것 같아 한번 어떤 기준인지를 알아보겠다. 

권장크기 디스플레이광고 : 이 크기는 내가 원하는 크기로 삽입을 하고 싶다 그럴때 사용을 하면 된다 베너나 상 하단에 광고를 달때 이 광고단위를 많이 사용을 한다.

네이티브 인피드광고: 게시글 리스트 사이에 들어가는 광고를 이야기 한다 그러니 게시글 리스트를 볼때 몇개에 하나씩 들어가는 광고단위를 이야기 한다. 

네이티브 콘텐츠내 자동삽입: 콘텐츠에 광고를 삽입을 하고 싶을때 이 광고단위를 설정을 하면 된다 하나하나 들어가서 확인을 해 보면 좋을 것 같다 자동광고와 다른 부분은 자동광고는 이런 부분들을 복합적으로 애드센스가 자동으로 광고를 넣어준다면 이 광고단위 기준은 내가 원하는 곳에 소스를 넣을 수가 있다는게 가장 큰 특징이라 볼 수가 있다.

그러면 디스플레이광고를 하나하나 알아보도록 하겠다 먼저 사각형을 알아보겠다 이 사각형은 보통 상 하단에 광고로 많이들 들어간다 그러때 이 광고를 사용을 하면 될 것 같다 아래와 같은 스타일의 광고가 들어가 지는걸 알 수가 있다

수평형 : 이 광고는 가로로 긴 화면을 만들어 준다 그러니 상단긴 배너 등으로 사용을 하면 좋을 것 같다 홈페이지 상단이나 하단 푸터 부분에 넣으면 좋을만한 그런 배너이다

수직형 : 이는 사이드바 에 들어가는 광고이다 사이즈바는 길게 새로로 들어가는게 괜찮기 때문에 이 광고를 사용을 하면 된다 

그러면 하나 만들어 보도록 하겠다 나는 상단광고1 로 한번 만들어 보겠다 보통 상 하단에 광고를 넣을때 하나만 만들어도 되지만 광고마다의 수익율을 보기 위해서는 단위를 별도로 만들어 놓는게 좋다 그러면 어느 광고에서 수익이 가장 많이 들어오는지를 알 수가 있기 때문이다

반응형으로 해서 하면 알아서 크기를 괜찮게 만들어 준다 만들기 버튼을 클릭을 하면 위의 이름으로 광고가 만들어지며 소스를 카피할 수가 있다

위의 광고를 카피해서 블로그나 홈페이지 원하는 위치에 넣어주면 그 곳에 광고가 붙어서 나오는 걸 알 수가 있다 이런 식으로 나는 하나하나 단위별로 다 광고를 별도로 만들어서 사용을 한다 그러면 단위별로 어디에서 수익이 많이 나오는 지를 확인을 할 수가 있어서 유용하다

그러면 오늘은 지난 시간에 이어서 광고단위 별로 광고를 만드는 방법을 한번 알아보았다 한번씩 해 보면 어렵지 않게 가능하기 때문에 먼저 승인을 받고 나면 이렇게 광고를 여기저기 달아보고 수익율을 알아보는 것도 정말 재미잇는 경험이 아닐까 하는 생각을 해 본다 ^^