안녕하세요 탐구소년입니다. 티스토리 블로그 애드센스 등록하기, 지난 1편에 이은 2편입니다. 거두절미하고 바로 시작합니다. 이러한 메일을 받는 것까지가 지난 1편의 내용이었습니다. 여기부터 시작하겠습니다. 애드센스 광고 게재가 가능해졌으니, 시작하기를 눌러 애드센스를 시작하겠습니다. 애드센스 홈으로 이동이 됨과 동시에, 계정이 활성화되었다는 페이지가 나옵니다. 광고 설정으로 가서 내 블로그에 게재할 광고를 세팅해보도록 하겠습니다. 애드센스 카테고리 중 광고 카테고리가 있습니다. 여기에서 개요 부분으로 이동하면 됩니다. 개요에서는 광고 단위를 기준으로 신규 광고 단위 만들기가 가능합니다. 여기에서 디스플레이 광고 부문을 선택하시면 됩니다. 나머지 두 개에 대한 자세한 내용은 저도 잘 모르겠네요. 디스플레이..
안녕하세요 탐구소년입니다. 블로그를 시작하고 나서 블로그와 관련해 세웠던 첫 목표가 '일 방문자수 100 이상 만들고 나서 광고 붙여보기'였는데요. 드디어 그 목표를 달성했습니다. 방문자수 100 정도는 매일 넘는 블로그가 되었고, 애드센스 승인 후 광고 등록도 마쳤습니다. 정말 미미한 성과이긴 하지만, 앞으로 일 방문자수 200, 500, 1000으로 점차 올라가기 위한 첫 계단을 잘 밟았다는 사실에 일단 만족하고 있습니다. 오늘 준비한 것은 애드센스로부터 광고 승인을 받고 티스토리 블로그에 광고 등록하는 과정이 어떻게 되는가에 대한 내용입니다. 그런데 내용을 준비하다 보니 글이 상당히 길어질 가능성이 있어 보였기에, 1편과 2편으로 나누어 게재하도록 할 예정입니다. 그럼, 긴말 않고 바로 시작하도록 ..
안녕하세요 탐구소년입니다. 웹사이트를 구경하다 보면 웹사이트의 모습 그대로를 pdf 파일로 저장해두고 싶은 상황이 생길 때가 있습니다. 어떤 브라우저를 사용하고 있느냐에 따라 그 방법이 조금씩 다르긴 할테지만, 구글의 웹브라우저인 크롬을 사용하는 경우 무척 쉽게 웹사이트 화면을 pdf 형태로 저장할 수 있습니다. 이는 아주 간단한 절차만 밟으면 되는 일이긴 하지만, 의외로 그 방법을 모르는 사람이 많습니다. 그래서 오늘 글에서는 크롬을 사용해서 웹사이트 화면을 pdf로 저장하는 방법에 대해 알아보도록 하겠습니다. 그럼 바로 시작해보겠습니다. 크롬으로 다음(Daum) 홈페이지를 열고, 홈페이지 화면을 pdf로 저장하는 과정입니다. 다음 메인페이지입니다. 브라우저는 크롬입니다. 오른쪽 상단으로 시선을 돌려(..
안녕하세요 탐구소년입니다. 오늘은 웹개발 관련 용어 중 크로스 브라우징(cross browsing)에 대해서 알아보도록 하겠습니다. 크로스 브라우징이란? 크로스 브라우징이란, 웹표준 기술을 적용하여 웹페이지가 서로 다른 운영체제나 플랫폼에서 이상없이 구현되도록 하는 기술을 말합니다. 설명 웹 개발자가 웹사이트를 만들어서 서비스를 하면, 사용자는 웹브라우저를 통해 웹사이트에 접근하게 됩니다. 이때 브라우저의 종류는 상당히 여러가지가 있습니다. 크롬, 사파리, 오페라, 파이어폭스, 인터넷 익스플로러 등 그 종류가 상당히 많죠. 크로스 브라우징이란 브라우저의 종류에 상관없이 웹사이트의 레이아웃이나 이미지, 데이터 등이 동일하게 보여지게 하는 상호 호환성에 대한 기술을 의미합니다. 그리고 이는 웹사이트를 개발하..
안녕하세요 탐구소년입니다. 오늘은 웹 개발을 공부하시는 분들이 자주 접하실 법한 단어, '웹 접근성'에 대해서 알아보도록 하겠습니다. 웹 접근성 사전적 의미(를 좀 더 쉽게 풀어서) 웹 접근성(web accessibility)이란 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹사이트를 함께 이용할 수 있도록 배려하는 것을 말합니다. 사이트가 올바르게 설계되어 개발되고 편집되어 있을 때 모든 사용자들은 정보와 기능에 동등하게 접근할 수 있습니다. 웹 접근성을 위해서는, 사용자의 시각적, 체력력, 청각적 능력들을 고려하여야 합니다. 설명! 웹 접근성은 웹사이트를 만들 때에 적용되는 기술이자 한 개념입니다. 웹 접근성의 철학은 "어떤 장애가 있더라도 웹 사이트를 사용하는 데 불편이 있어서는 안 된다"라..
안녕하세요 탐구소년입니다. 오늘은 간만에 IT 상식을 정리해보겠습니다. 주제는 '반응형 웹'입니다. 반응형 웹이란? PC 브라우저로 접속하든 모바일 브라우저로 접속하든 사용자의 접속 환경에 맞추어 사이트 레이아웃을 자연스럽게 바꾸어가며 보여주는 웹 디자인을 '반응형 웹 디자인'이라고 합니다. 즉 반응형 웹이란 하나의 사이트를 여러 기기에서 여러 사이즈로 볼 수 있도록 한 것입니다. 아주 가까운 예로 티스토리 블로그만 봐도 반응형 웹입니다. PC의 커다란 모니터 화면으로 볼 때와, 작은 모바일 기기 화면으로 볼 때의 디자인이 서로 다르게 나타나는데, 이것은 저절로 되는 것이 아니라 반응형 웹 디자인을 했기 때문에 가능한 것입니다. 반응형 웹의 등장 배경? 기억하시는 분들이 계실지 모르겠지만, 특별히 웹사이..
안녕하세요 탐구소년입니다. 오늘은 맨날 들어도 맨날 헷갈리는 쿠키 세션 캐시에 대해서 정리해두려고 합니다. 워낙 찾아볼 만한 자료도 많고 흔한(?) 개념들이니 여기서는 최대한 쉽게, 가볍게 작성한다는 생각으로 작성해보겠습니다! 우선 세 가지의 공통적인 특성부터 말씀드릴게요. 일단은 웹, 그러니까 우리가 크롬이나 익스플로러 등 인터넷 브라우저를 사용해서 접속하는 웹 페이지, 웹 사이트들 있죠? 그 웹이라는 세계(?)에 종속되어 있는 개념이라는 사실이 일단 같고요. 또 뭔가를 저장하는 데 사용되는 놈들이라는 게 세 가지의 공통점 되겠습니다. 공통점 너무 간단하죠. 그렇다면 차이는 어떻게 될까요? 이제부터 각각의 특성을 이야기해보겠습니다. 첫 번째, 쿠키! 쿠키는 인터넷 사용자의 컴퓨터에 설치되는 작은 기록 ..