aortm2의 등록된 링크

 aortm2로 등록된 티스토리 포스트 수는 68건입니다.

잡블로그와 전문 블로그의 중 어떤 것이 좋을까? 장점과 단점 [내부링크]

블로그를 시작하려고 하는 사람들은 잡블로그와 전문블로그라는 흔히 겪는 문제인 것 같다. 블로그를 운영하는 사람들에게도 늘 입에 오르는 문제이기도 하다. 대다수의 사람들은 여러가지 주제보다 한가지 주제로 블로그를 운영하는게 더 좋다라고 한다. 그래서 잡블로그와 전문 블로그의 장단점에 대해 알아보려고 한다. 잡블로그란? 잡블로그는 일반인이나 전문가들이 자신의 개인적인 관심사나 전문 분야에 대해 글을 쓰고 올리는 블로그이다. 다양한 주제나 관심사에 대해 다루는 블로그를 의미한다. 이러한 블로그에서는 예를 들어 일상 생활에서의 경험 공유, 취미나 여가 활동, 음식 레시피, 여행 경험, 기술 노하우, 독서나 영화에 대한 리뷰 등 다양한 주제가 다뤄 진다. 잡블로그의 장점 다양한 주제 잡블로그는 다양한 주제를 다루..

CSS 스크롤 따라다니는 메뉴 만들기(플로팅 메뉴) [내부링크]

요즘 웹 서핑을 하다보면 상단의 메뉴가 따라다니는 것을 심심치 않게 볼 수 있다. 이를 플로팅 메뉴라고 한다. 필자는 처음 퍼블리셔를 시작하고 이 메뉴를 처음 봤는데 '복잡한 자바스크립트나 제이쿼리가 들어가겠지?' 라고 생각했지만, CSS만으로도 충분히 쉽게 만들 수 있던 기능이어서 충격을 받았었다. 물론 자바스크립트나 제이쿼리로 못 만든다는 것은 아니다. 플로팅 메뉴는 왜 사용하는가? 사용자 경험 향상: 플로팅 메뉴는 사용자가 웹 페이지를 스크롤할 때 항상 메뉴에 쉽게 액세스할 수 있도록 한다. 이렇게 함으로써 사용자는 내비게이션을 찾기 위해 맨 위로 스크롤할 필요가 없어지므로 사용자 경험이 향상 된다. 내비게이션 효율성 증대: 긴 페이지에서 사용자가 내비게이션 메뉴를 지속적으로 사용할 수 있도록 함으..

CSS 체크박스 라디오 커스텀 디자인 [내부링크]

HTML 태그 중 input checkbox, radio는 기본적인 디자인은 매우 심플하게 보여진다. 브라우저에 따라 다소 차이는 있지만, 사이트의 디자인이나 컨셉에 따라 디자인을 변경해야 하는 경우가 있다. 하지만 기본적으로 input을 직접 css로 바꾸는데에는 한계가 있기 때문에 label을 이용한다. input 체크박스와 라디오 태그는 지난번 글에서 설명했는데, 아직 checkbox나 radio가 궁금하다면 아래 링크를 타고 봐도 좋을 것 같다. 2024.03.26 - [IT/HTML & CSS] - HTML 체크박스(checkbox) 만들기 input checked 속성 HTML 체크박스(checkbox) 만들기 input checked 속성 체크 박스와 라디오 박스는 비슷하면서도 다른 요소이다..

HTML 라디오(radio) 만들기 input checked 속성 [내부링크]

라디오 버튼은 여러 옵션 중에서 단 하나의 선택만을 허용하는 입력 요소이다. 체크박스와 유사하지만, 라디오 박스는 한 그룹 내에서 하나의 항목만 선택할 수 있다. 2024.03.26 - [IT/HTML & CSS] - HTML 체크박스(checkbox) 만들기 input checked 속성 라디오(radio) 버튼을 사용하는 이유 단일 선택 강제: 라디오 버튼은 여러 옵션 중 하나만 선택할 수 있도록 강제한다. 이것은 사용자가 반드시 단 하나의 옵션을 선택해야 하는 상황에서 편리하다. 직관적 사용자 인터페이스: 라디오 버튼은 사용자에게 여러 옵션 중에서 단 하나의 옵션을 선택할 수 있도록 직관적인 인터페이스를 제공한다. 사용자가 명확하게 단일 선택을 해야 하는 경우에 적합하다. 정보의 명확한 표시: 라디..

HTML 체크박스(checkbox) 만들기 input checked 속성 [내부링크]

체크 박스와 라디오 박스는 비슷하면서도 다른 요소이다. 체크박스와 라디오 박스는 웹 양식에서 사용자에게 선택 옵션을 제공하는데 사용된다. 체크박스(checkbox)를 사용하는 이유 다중 선택: 체크박스는 여러 항목 중에서 사용자가 필요한 항목을 선택할 수 있다. 이를 통해 사용자가 여러 옵션 중에서 필요한 것들을 동시에 선택할 수 있다. 명확한 시각적 표시: 체크박스는 사용자에게 선택 가능한 항목을 명확하게 시각적으로 표시한다. 사용자는 체크박스를 보고 선택할 수 있는 항목들을 쉽게 인식할 수 있다. 유연성: 체크박스는 선택 사항을 제공함으로써 사용자에게 유연성을 제공한다. 사용자는 필요한 항목을 선택하거나 선택하지 않을 수 있으며, 필요에 따라 선택 사항을 변경할 수 있다. 간편한 사용: 체크박스는 단..

자바스크립트(javascript) 팝업창 띄우기 window.open() [내부링크]

자바스크립트를 활용하여 팝업창을 만드는 것은 비교적 간단하다. 예전에는 많이 사용했던 팝업 기능이지만 지금은 모달창으로 대체가 많이 되었다. 전에 팝업창을 계속 띄우는 악성(?)사이트도 있었는데, 지금은 거의 사용하지 않는 기능이지만 간혹 필요할 때가 있다. 팝업창을 띄우는 방법은 window.open()이란 함수를 사용하는데, onclick에 넣어서 사용하거나, 함수로 만들어서 사용하는 두가지 방법이 있다. 팝업 창이란? 팝업 창은 웹 페이지에서 새로운 작은 창을 열어 특정 내용을 표시하는 데 사용되는 UI 요소이다. 이러한 팝업 창은 일반적으로 사용자에게 정보를 제공하거나 추가적인 상호작용을 유도하기 위해 사용된다. 일반적으로 팝업 창은 현재 창과 별도의 창으로 표시되며, 사용자가 원할 때 닫을 수 ..

자바스크립트(javascript) 요소 선택 쿼리 셀럭터querySelector 사용법 및 예제 [내부링크]

querySelector란?querySelector는 Javascript(자바스크립트)에서 HTML태그를 제어 할 수 있는 함수이다. 기존 Javascript(자바스크립트)에서 DOM을 선택하기 위해서는 getElementById, getElementsByClassName, getElementsByTagName 등의 메서드를 사용했다. 이러한 메서드들은 각각 아이디, 클래스, 태그 이름 등을 기준으로 요소를 선택할 수 있었다. 이 때문에 제이쿼리가 널리 보급되었다고 해도 과언이 아니다. 하지만 ES5버전 부터 querySelector가 등장했는데, querySelector를 사용하면 제이쿼리처럼 CSS선택자를 직접 사용하여 더 간단하게 요소를 선택할 수 있다. 제이쿼리 요소 선택 방법2024.03.19 ..

제이쿼리(JQuery) 슬라이드 효과 .slideDown(), .slideUp(), .slideToggle() [내부링크]

JQuery 에서는 다양한 애니메이션 효과를 함수로 제공하는데, 오늘은 슬라이드 효과에 대해서 알아보자. JQuery에서는 함수를 이용하여 간단하게 요소를 숨기거나 슬라이드 효과를 줄 수 있다. slide 관련 함수는 .slideDown(), .slideUp(), .slideToggle() 총 3가지가 있다. slideDown() 아래로 슬라이드 되면서 요소를 보여줌 slideUp() 위로 슬라이드 되면서 요소를 숨김 slideToggle() 요소의 상태에 따라 위로 혹은 아래로 슬라이드 보통 우리가 보는 댓글 더보기나 FAQ 같은 곳에서 많이 쓰이고 있다. 간단하게 예제로 확인해 보자 슬라이드 슬라이드 내용 위와 같이 HTML을 작성 해준다. .component-title을 클릭시 component-c..

CSS 드롭다운 메뉴(gnb) 만들기 [내부링크]

드롭다운 메뉴란? 드롭다운 메뉴는 웹 페이지에서 사용자가 메뉴 아이템을 선택할 때 추가적인 옵션들이 드롭다운 형태로 나타나는 메뉴이다. 주로 웹페이지 상단 메뉴에서 사용되며, 메뉴 항목을 클릭하거나 마우스 호버하면 하위 메뉴 항목들이 펼쳐지는 형태이다. 필자도 javascript나 JQuery에 익숙치 않을 때 많이 쓰던 방식인데, CSS로 만든다고 해서 기능이 떨어지진 않는다. 드롭다운 메뉴 만들기 단순히 CSS만으로는 드롭다운메뉴를 만들 수는 없다. 먼저 HTML을 작성해 준다. menu01 submenu1 submenu2 submenu3 menu02 submenu1 submenu2 submenu3 menu03 submenu1 submenu2 submenu3 menu04 submenu1 submenu..

CSS 사용자 속성 변수 사용하기 [내부링크]

CSS 변수란? 놀랍겠지만 SCSS, SASS처럼 CSS도 변수를 지원한다. 지원 한지는 꽤 되었지만, 국내에서 적용을 못했던 이유는 바로 인터넷 익스플로러 때문이다. 필자도 프로젝트를 하면서 IE11을 크로스브라우징 해달라는 요청이 많이 받았었다. 하지만 2021년 8월에 IE11의 지원이 중단되면서, 변수를 사용할 수 있게 되었다. CSS 변수는 CSS에서 사용되는 값을 저장하고 재사용할 수 있도록 하는 기능이다 CSS 변수는 사용하기 전에 정의되어야 하며, 변수 이름 앞에 두 개의 대시 기호(--)를 사용하여 정의된다. 변수 선언 변수선언 방법은 간단하다 --변수명: 값; 변수를 어디에 선언하느냐에 따라서 전역변수와, 지역변수로 나뉘게 된다. 전역변수 선언은 root에 선언을 하면 된다. :root..

제이쿼리(JQuery) 간단한 모달(Modal)창 레이어 팝업 만들기 [내부링크]

모달창이란? 우리가 흔히 화면을 개발할 때 많이 쓰는 요소로, 보통 레이어 팝업이라고도 합더 모달은 화면 위에 레이어를 더 만들어 부가적인 일을 처리할 수 있게 만드는 기능이다. 먼저 html을 만들겠습니다. 모달창 나와랏! 모달창을 열고 닫을 button이 필요 합니다. 다른 태그로 만들어도 상관은 없습니다. 이제 모달창이 필요 하니, 모달창을 만들어 줍니다 그리고 이어서 모달창을 만들어 줍니다.

제이쿼리(JQuery) ID, CLASS로 선택하기(제이쿼리 셀렉터 Selector ) [내부링크]

제이쿼리 셀렉터란? 제이쿼리를 선택하는 가장 큰 이유는 제이쿼리 선택자이다. CSS의 선택자를 그대로 사용할 수 있기 때문에 CSS를 해왔던 사람한테는 거부감이 덜 할 것이다. 제이쿼리의 선택자는 $(선택자)의 형태를 띄고 있다. 제이쿼리에 중독되는 이유 제이쿼리에 중독되는 이유는 간단하다. 너무나도 쉬운 선택자 때문이다. 예를들어 title이라는 태그를 선택할때를 살펴보면 알 수 있다. javascript = document.getElementById('title'); jquery = $("#title") 위의 두개를 비교했을 때 너무나도 간단하게 엘리먼트를 선택 할 수 있다. 물론 javascript es5버전 부터는 querySelector가 나오긴 했지만 제이쿼리 선택자를 보고 있으면 이마저도 길..

티스토리 블로그 유튜브 동영상 넣는 방법 [내부링크]

요즘 디지털 노마드가 이슈가 되면서, 유튜브나 블로그를 하는사람들이 많습니다. 블로그를 운영하면서 본인의 유튜브 영상을 넣는 방법을 소개해 드리려고 합니다. 의외로 유튜브 영상 넣는 방법은 간단합니다. 일단 관리자 페이지에 접속합니다. 관리자 페이지에서 좌측 메뉴 하단에 플러그인을 클릭해 주세요 플러그인에서 Youtube동영상 첨부라는 플러그인을 찾아주세요. 저는 이미 사용하고 있어서 사용중이라고 뜨고 있는데, 처음 하시는 분들은 사용중이란 표시가 없을겁니다. 찾기 힘드시면 상단에 검색을 이용하여 찾아주시면 됩니다. 플러그인에 Youtube 동영상 첨부를 클릭하시면 적용이란 버튼이 있습니다. 저는 이미 사용중이기 때문에 위 사진처럼 나오지만, 보통 처음 사용하시는 분들은 적용버튼만 있습니다. 그 다음 글..

플래시 swf 파일 실행하는 방법(플래시 게임) [내부링크]

Adobe는 2020년 12월 31일 이후로 Flash Player 지원을 중단한다는 내용을 발표하게 됩니다. 이제 모든 브라우저에 Adobe Flash Player를 지원하지 않게 되었는데, 자연스럽게 브라우저에서 미설치로 즐기던 플래시게임도 더이상 플레이 할 수 없게 됩니다. 기존의 웹사이트에 업로드 된 swf 파일도 위와 같은 창이 뜨면서 지원되지 않는다고 뜨게 되었습니다. 그렇기 때문에 이대로 추억의 플래시게임을 포기해야 하느냐!? 하지만 하늘이 무너져도 솟아날 구멍은 있었습니다. 바로 Adobe Flash Player 30이라는 프로그램을 사용하면 swf파일을 실행할 수 있습니다. 위 파일은 무설치 파일로 다운로드 후 swf파일을 마우스 드래그하면 손쉽게 swf파일을 실행할 수 있습니다. 파일 ..

신생아 특례대출 완벽 정리(2022년생 제외) [내부링크]

대한민국 출산률은 OECD국가들 중에서도 최하위를 기록하고 있습니다. 출산율이 변하지 점점 않을 경우에는 3세대 안에 현재의 6%미만으로 떨어진다고 합니다. 위 표를 보면 대한민국은 2022년 기준으로 0.78명으로 한 가정당 1명도 아기를 낳지 않는다고 나와있습니다. 이런 이유 때문인지 이번 정부에서는 2024년부터 신생아 특례대출이라는 대출을 지원해주겠다고 발표를 하였습니다. 신생아특례대출이란? 2024년부터 신생아를 출산하는 가정에 주택 구입 및 전세자금에 대해서 대출을 해주는 대출입니다. 2년 이내 출산한 사람으로 무주택 세대주라면 최대 5억원 이하까지 대출을 해주는 이다. 신생아 특례대출의 금리가 연 1.1% ~ 3.3%로 현재 시중에 나와있는 대출 중에 비교 할 수 있는 대출이 없습니다. 그만..

포토샵 강의 [제15탄] - 그림자 효과 넣는 방법 How to add a shadow effect [내부링크]

오늘은 이미지에 그림자 넣는 방법에 대해서 설명해 보겠습니다. 그림자를 넣는 방법은 여러가지가 있지만, 이번에는 제일 간단하면서 기본적인 방법으로 그림자 효과를 넣어보려고 합니다. Step 01 이미지 불러오기 먼저 [File] - [Open]으로 이미지를 불러와 줍니다. 이번시간에 사용될 이미지는 위 주사위가 아니여도 상관 없지만, 배경색이 없는 png파일이어야 합니다. Step 02 레이어 더블클릭 하기 포토샵 레이어 탭에서 PNG파일을 더블 클릭 해줍니다. 이때 더블클릭을 해줄때 위 빨간색 투명 영역을 더블클릭 해주어야 합니다. 썸네일 부분을 클릭한다거나 레이어 이름 영역을 클릭해주면, 우리가 의도한 바와는 다르게 흘러갈 수 있습니다. Step 03 Layer Style에서 Drop Shadow 자..

이마트 한마리 로스트 치킨 후기 [내부링크]

이마트에서 장을 보다가 한마리 로스트 치킨 이라는 메뉴가 눈에 들어왔다. 이마트에서 장을 보시는 분들은 아시겠지만, 뭔가 수상하게 생겨서 사먹을까 말까 고민이 되는 아이다. 가격도 뭔가 애매하고...코스트코에 비슷한 제품으로 로세리티 치킨이 있어서 더욱 그렇게 생각되는 것 같다. 먼저 가격은 9980원으로, 대충 만원으로 보면 될 것 같다. 일단 치킨이 쭈글쭈글 한건 사실, 전날에 냉장고에 넣어놨더니 저렇게 변해버렸다. 약간 징그러운(?)감이 있는 것 같으니, 징그러운 것을 못 보시는 분들은 당일 섭취하는게 좋을 것 같다. 먼저 오픈전에, 첨가물을 확인 해보면 소금과 흑후추와 마늘이 첨가되어 있다고 나와있다. 포장을 벗겨보면 한마리의 치킨이 반이 쪼개져서 하트모양을 그리고 있는 것을 볼 수 있다. 겉에 ..

제이쿼리(jQuery) 간단한 탭 메뉴 만들기 [내부링크]

오늘은 간단하게 동작하는 탭메뉴를 만들어 보려고 합니다. 홈페이지에서 많이 쓰이는 탭메뉴인데 제이쿼리를 이용해서 간단히 만들어 보겠습니다. 먼저 HTML을 작성해 줍니다. 탭1 탭2 탭2 탭1 내용 탭2 내용 탭3 내용 html만 입력했더니, 너무 볼품없어 보이니깐, css를 입혀줍니다. .tabs{list-style:none;} .tabs {display:flex;border:4px solid #dfdfdf;border-radius: 20px;padding:0 14px;} .tabs li {position:relative;text-align: center;} .tabs li + li::before {content:" ";position:absolute;left:0;top:50%;width:1px;hei..

보라매 한식 맛집 보글보글 제육볶음 [내부링크]

오늘은 한식이 먹고 싶어서 집 근처 보글보글 이라는 한식집을 찾았습니다. 일단 간판을 먼저 살펴보자면, 느낌이 2000년대 초반(?)의 감성을 담고 있는 듯 하다. 사실 잘 보지 않으면 음식점인 줄 모르고 지나칠 수도 있다. 신메뉴로 오삼불고기가 있다고 하는데 아직 먹어보지는 못했다. 다음에 먹어보게 되면 리뷰를 작성해야 겠다는 생각이 들었다. 보글보글의 메뉴를 보자면 우리가 흔하게 접할 수 있는 한식메뉴가 주를 이룬다. 국밥이 1만원이 넘어가는 시점에 메뉴판을 보면 생각보다 저렴한 가격인 것을 알 수 있다. 그 중 이집의 대표메뉴는 단연 제육 두루치기라고 생각한다. 아 그리고 전메뉴 포장 가능하니 집에서 드실 분은 포장해서 가셔도 좋을 것 같다. 일단 처음 자리에 착석하면 간단하게 밑반찬을 주시는데, ..

신대방 맛집, 참숯 풍천장어구이 신대방역 장어구이 [내부링크]

오랜만에 부모님과 저녁식사를 하게 되었는데, 부모님과 식사를 할 때에는 메뉴에 신경이 쓰인다. 부모님과 식사를 하게 되면 보통 건강한 음식이나 자극적이지 않은 음식을 찾게 된다. 그리고 부모님도 자극적이지 않고 건강한 음식을 좋아하기도 해서 보통 회종류나 보양식을 많이 먹는데, 오늘은 장어구이를 먹으러 갔다. 신대방역 근처에 있는 참숯 풍천장어구이집은 내가 알고 있는 동네에 몇 안되는 맛집이다. 거리상으로 가깝기도 하고, 숯불에 구워주기 때문에 부모님도 그렇고 우리들도 참 좋아하는 메뉴이다. 신대방역 근처에 있지만, 살짝 거리감이 있어서 신대방 역에서 대략 10분정도 걸어와야 한다. 참숯 풍천장어구이집은 위의 가겨표를 보면 알다시피 가격대가 좀 있지만, 정말 맛있는 집이다. 양념구이 보다는 소금구이가 이..

카카오뷰 한달 수익! 콘텐츠 큐레이션 수익정산 공개 및 운영 [내부링크]

카카오뷰 수익승인을 받고 한달정도 운영을 해서 드디어 수익이 생겼다. 카카오뷰를 처음 시작하게 된 계기가 블루오션이라고 생각이 들기도 했고, 블로그와 연동하여 블로그 홍보도 될 것 같아서 시작했지만, 카카오뷰로 홍보를 하면, 다음에서 티스토리 블로그가 저품질을 맞을 수 있다는 글을 본 이후로, 홍보는 포기하고 독자적으로 운영을 하기로 했다. 현재 두개의 채널은 운영하고 있는데, 한 채널은 이슈채널이고, 두번째 채널은 요리채널을 운영하고 있다. 운영하기 어렵지는 않아서 두채널을 운영하고 있다. 친구 수는 수익정산을 받으려면 100명을 채워야 하기때문에 100명까지는 친구 품앗이를 해서 채웠고, 나머지는 보드를 올리다보니 조금씩 친구 숫자가 늘어나서 따로 친구 품앗이를 할 필요성을 못 느끼고 있다. 3월 한..

운봉산장 양수육을 맛보다, 노량진 맛집 양고기 [내부링크]

전부터 노량진과 장승배기 사이에 위치한, 유명한 양고기 집이 있다. 양고기라고 하면 우리는 양꼬치나 양갈비정도 생각하는데, 이 집은 특이하게 양수육으로 유명한 집이다. 양고기에 익숙하지 않은 한국인에게 양수육이란 음식은 상당히 유니크한 종류의 음식이 아닐까 한다. 운봉산장은 예약을 필수로 해야 들어갈 수 있는데, 예약을 하지 않으면 아예 입장조차 할 수 없다. 그래서 많은 분들이 오셨다가 헛걸음으로 돌아가는 것을 많이 봤다. 사실 나도 예약을 하지 않고 왔는데, 사장님이 혹시 예약 취소되는 팀 있으면 17:00분경에 식사 가능하다고 해서 무작정 기다렸는데, 운이 좋게 취소팀이 있어서 음식을 맛 볼 수 있게 되었다. 그리고 운봉산장은 식사시간이 정해져 있는데, 식사시간을 한번 알아보자면 첫 타임 : 15:..

교동짬뽕을 집에서 즐기다, 교동짬뽕 간편식, 밀키트 [내부링크]

어느날 우연히 인터넷에서 교동짬뽕을 간편식으로 파는 것을 보게 되었다. 교동짬뽕은 내가 좋아하는 브랜드여서 관심이 갔는데, 코로나 시국에 집에서도 짬뽕을 간단히 즐길 수 있을 것 같아서 구매하게 되었다. 구매하고 냉동실에 보관하다가 오늘 먹어보고 싶어서 전날 냉장 해동을 해놓았다. 교동면가의 교동짬뽕은 원래는12,000원인데 지금은 할인을 해서 9,900원에 구입을 했다. 약간 득템한 기분? 교동짬뽕은 처음 맛보고 그 맛에 상당히 좋았지만, 코로나로 인하여 매장을 찾지 않게 되었는데, 간편식으로 나와주다니 참으로 고맙게 느껴졌다. 그리고 요즘에는 고기짬뽕이 흔하지 않아서, 더욱 유니크하지 않나 싶다. 포장지의 저 비주얼은 아니지만 조금이라도 비슷하면 좋겠다는 생각이 들었다. 포장지 안의 내용물을 살펴보면..

애드센스 PIN번호 재발급, PIN번호 재발송 신청방법 [내부링크]

불과 몇주전에 구글에서 수익이 10달러가 넘었기 때문에 PIN번호를 우편으로 발송해 준다고 메일이 왔었다. 나는 그냥 그런가보다하고 기다렸는데, 문득 PIN번호가 담긴 우편이 오지 않는 것을 깨달았다. 부랴부랴 주소를 확인하니, 전에 살던 집으로 주소가 되어있었다. 그래서 다시 PIN 번호를 다시 신청해야 하는 상황이 발생했다. 그래서 PIN번호는 무엇인가? PIN번호는 계정이 기준액에 도달하게 되면 본인확인을 위해 발송이 되는 우편이다. 그럼 이제 PIN번호는 어떻게 재발급 받는지 알아보자 일단 먼저 PIN번호를 다시 받을 주소를 변경하기 위해 애드센스에 접속한다. 애드센스 홈페이지 접속 > 지급 > 본인확인 > [PIN 다시 보내기] 버튼을 클릭한다. 그럼 위와 같은 팝업이 하나 뜨게 되는데, 위 팝..

구글 크롤링 봇 부르기! 구글에 티스토리 블로그 노출 빠르게 하기 [내부링크]

블로그를 운영하면서 여러가지 애로사항이 있겠지만, 그 중에서 구글에서 내 게시글은 언제 긁어갈지 하염없이 기다린적이 있다. 구글에 티스토리 사이트맵을 등록을 해도 몇일에서 길게는 몇주동안 방문을 안할 때도 있는데, 그 때 사용하면 좋은 방법이다. 이 방법을 사용하게 되면, URL검사 후 몇시간 뒤에 구글 봇을 불러올 수 있다고 한다. 위 화면은 구글 검색센터에 들어가면 확인할 수 있는 사항인데, 우리가 사용할 방법은 빨간박스를 친 부분을 사용할 것이다. 브라우저 명령줄에서 GET요청을 보내서 사이트맵 파일에 액세스할 수 있는지 확인한다고 한다. 즉, 우리가 수동으로 신호를 보내면 구글봇이 확인하러 온다는 소리다. 저것만 봐서는 어떻게 사용할지 잘 모르시는 분이 있을 것 같아서 아래에 사용코드를 적어 놓겠..

티스토리 블로그 한달 운영 후기~애드센스 수익 공개 [내부링크]

블로그를 제대로 시작하려고 마음 먹은지 오늘로 딱 한달이 되는 날이다. 처음 시작할때는 하루에 2~3개씩 글을 쓰리라고 마음을 먹고 시작했지만, 이게 웬걸 하루에 1포스팅 하는것 조차 버거웠다. 근 한달간의 실적은 하루에 2~3개씩의 글은 고사하고, 1일 1포스팅 조차 힘들었다. 기존에 있던 글들을 제외하면, 한달 동안한 18~20개정도의 글을 쓴것 같다. 야심차게 시작한 블로그 였지만, '오늘은 직장에서 너무 힘들었어' 라며 오늘은 쉬어야 겠다고 한게 거진 12일이란 소리다. 내가 이렇게 끈기가 없을 줄은 몰랐다. 역시 블로그는 누구나 시작해도, 블로거는 누구나 될 수가 없나보다. 그래도 이쯤에서 방문자를 확인해 볼 필요가 있다. 방문자 수가 처참하다.. 물론 글을 많이 못쓴 탓도 있겠지..

카카오 뷰 수익 정산 신청 방법! 카카오 뷰 수익신청 메일 [내부링크]

어제 카카오 뷰 채널 한달 운영기를 쓰고 바로 오늘 카카오 뷰 관련 글을 또 쓰게 되었다. 그 이유는 바로 오늘 수익 창출이 승인되었기 때문이다. 카카오 뷰 채널 한달 운영기는 아래 링크에서 확인 할 수 있다. 2022.03.01 - [Tistory/카카오뷰] - 카카오 뷰 한달 운영 후기~ 수익 신청 기준 및 보드 노출 제한 기준 카카오 뷰 한달 운영 후기~ 수익 신청 기준 및 보드 노출 제한 기준 카카오 뷰를 시작한지 벌써 한달 정도가 되었다. 한달동안 카카오 뷰 채널을 운영하면서 느낀점을 공유해보고자 한다. 카카오 뷰에 관심이 있거나 채널을 개설해서 운영하고 싶으신 분들은 아 aortm2.tistory.com 사실 오늘이 되기를 엄청 기다리면서 아침에 일어나자마자 메일을 확인 했다. 하지만 수익신청..

카카오 뷰 한달 운영 후기~ 수익 신청 기준 및 보드 노출 제한 기준 [내부링크]

카카오 뷰를 시작한지 벌써 한달 정도가 되었다. 한달동안 카카오 뷰 채널을 운영하면서 느낀점을 공유해보고자 한다. 카카오 뷰에 관심이 있거나 채널을 개설해서 운영하고 싶으신 분들은 아래 링크에서 확인 하실 수 있습니다. 2022.02.17 - [Tistory/카카오뷰] - 카카오뷰 만들기 채널 개설하기 카카오뷰 만들기 채널 개설하기 어느 날 친구가 뜬금없이 '카카오뷰 친구 추가좀 해줘'라고 나에게 요청을 해왔다. 카카오뷰? 카카오톡은 아는데 카카오뷰는 또 무엇인가? 대충 보니 플러스 친구 같은 느낌이어서 플러스 채널 aortm2.tistory.com 오늘자 노출 횟수인데, 솔직히 숫자로는 많은 것 같은데 막 엄청나게 큰 노출은 아니다. 이보다 더 높은날이 있어서, 솔직히 노출 수는 많이 떨어진 편이다. ..

머니 파이프라인의 시작 블로그 운영 [내부링크]

혹시 머니 파이프라인이라고 들어보았는가? 직장인 및 자영업자들의 꿈인 경제적자유를 얻기 위해 많은 사람들이 머니파이프라인을 구축하고 있다. 나도 머니 파이프라인이라는 말을 알게 된지 얼마 되지 않았다. 과연 머니 파이프라인이란 무엇인가? '잠자는 동안에도 돈이 들어오는 방법을 찾지 못한다면, 당신은 죽을때까지 일해야만 할 것' 투자의 귀재 워렌버핏이 한 말이다. 현재 내가 일하지 않는 다면 나에게 떨어지는 수익은 '0원'이다. 그래서 나도 좀 늦은 감이 있지만, 머니파이프라인을 구축해보려고 한다. 그 중 첫 시작은 쉽게 시작할 수 있는블로그로 시작하기로 결정했다. 위 그림에서도 알 수 있듯이, '블로그 수익'에 대한 관심은 아직도 꾸준히 있다. 비록 유튜브에 밀리긴 했지만, 유튜브보다 ..

카카오뷰 예약발행 하는방법~예약 보드 만들기 [내부링크]

카카오뷰를 알게되고, 카카오뷰를 한지 2주정도 지났다. 카카오뷰자체가 나온지 얼마 되지 않아서, 정보도 많이 부족하고 보드발행하는 것도 어떤식으로 발행해야하는지 모르겠다. 그래서 일단 실험(?)적으로 보드를 발행해보고 있는데, 어쩌다가 노출이 많이 되기도 하고 안되기도 하고.. 무지성으로 보드를 발행중에 있는데, '하다보면 감좀 잡겠지' 하는 생각으로 맨땅에 헤딩중이다. 수익창출 조건도 다 채워서 다음 달이면 수익창출도 가능할 것 같다. 카카오뷰 정보를 찾아보던 중 예약 발행도 가능한 것을 알게 되었다. 보드발행 방법은 전에 전에 한번 소개했었다. 2022.02.18 - [Tistory/카카오뷰] - 너무 쉬운 카카오 뷰 보드 만들기 - 보드 발행 너무 쉬운 카카오 뷰 보드 만들기 - 보드 발행 카카오 ..

스페어립 수비드 바베큐! 시판 소스로 간단하게 만들기 [내부링크]

스페어립 바베큐라 보았는가? 지금은 인기가 좀 죽었지만 유튜브에서 한창 유행하던 고기이다. 잘라놓으면 만화고기 같은 느낌이나서 그런 것 같다. 종종 만들어 먹었지만 오랜시간 걸리기 때문에 한번 하려면 마음먹고 해야 하기 때문에 꺼려지는 메뉴이다. 인터넷에서 한창 인기여서 한번쯤을 봤을 것이다. 그 이름하여 스페어립 바베큐! 스페어립 바베큐는 삼겹살을 먹는 우리나라에서는 볼 수 없는 부위라고한다. 그래서 스페어립은 수입산밖에 없다. 재료 스페어립, 후추, 시중에 파는 럽(없어도 됨), 시판 바베큐 소스, 머스타드, 스리라차 소스(매운맛 추가) 2명이서 먹을껀데, 고기는 2kg~2.5kg짜리를 주문했다. 저번에 주문했을때 1.5kg ~ 2kg짜리는 좀 작아서 넉넉하게 주문했다. 고기 크기는 생각보다..

적금은 꼭 들어야 하는가? 적금 소개 및 추천 [내부링크]

요즘은 적금 금리가 낮다보니 적금보다는 다른곳에 투자를 많이 한다. 하지만 나는 적금은 적금 나름대로의 장점도 있다고 생각한다. 내가 생각하는 적금의 장점은 바로 꾸준함이다. 꾸준하게 돈을 매달 넣는 것이야 말로 돈을 꾸준히 모을 수 있 원동력을 기르는게 아닌가 싶다. 사회 초년생들이 재테크를 적금으로 시작하는 것도 종잣돈을 모으기 위함도 있지만 바로 꾸준함을 기르는게 아닐까 생각해 본다. 적금을 모르는 사람이 없긴 하겠지만, 사전적 의미로는 '적금(積金)은 은행 예금 상품의 하나로, 일정 기간을 계약하고 정기적 또는 비정기적으로 금액을 불입하여 계약 기간이 만료된 후 이를 이자와 함께 일괄적으로 돌려받는 것' 이라고 한다. 조금만 찾아봐도 적금을 들어야 하는지 고민하는 사람들이 많이 보인..

청년희망적금 소개 및 가입방법 [내부링크]

청년희망적금이라고 들어보았는가? 2022년에 정부에서 새롭게 도입한 정책이다. 무려 연이율이 최대 10%에 육박하는 어마무시한 적금이 아닐 수 없다. 기존 적금 이율 2~3%에 비하연 최대 5배까지 차이가나는데, 조건만 맞는다면 무조건 가입하는게 맞다고 본다. 청년들의 자산형성과 저축을 장려하기 위해 출시했다는데, 위의 기사에서도 볼 수 있듯이 그 열기가 엄청나다. 그냥 넣어놓기만 하면 수익율과 안정성을 보장하니 당연한 결과가 아닌가 생각이 든다. 청년희망적금이란 청년희망 적금은 수입이 적은 중·저소득층 청년을 위한 상품으로 청년들의 안정적·장기적 자산형성을 돕기위해 저축장려금을 추가로 지급하는 금융상품이다. 청년희망적금 대상자 1. 청년희망적금 대상자는 만 19세 ~ 만 34세 이하의 청년 병역을 이행..

앱테크 돈버는 만물상 완벽 분석! 사용방법 및 실제 후기 [내부링크]

요즘 재테크에 부쩍 관심이 많아져, 이것 저것 찾아보다가 타임캐시로 앱테크를 처음 시작 했었다. 타임캐시 추천인 : aortm2 2022.01.20 - [재테크] - 타임 캐시 추천인 및 사용 방법 앱테크 타임 캐시 추천인 및 사용 방법 앱테크 혹시 앱테크라고 들어보았는가? 나는 앱테크라는 말을 처음 들어보았는데, 앱으로 재테크를 하는 것을 앱테크라고 한단다. 요즘 재테크에 부쩍 관심이 많아져 이것저것 찾아보고 있는데, 앱 aortm2.tistory.com 앱테크 하나만 해서는 효율이 그렇게 좋지 않다고 판단되어, 또 하나 앱테크 할 것을 찾게 되었다. 그렇게 찾은 돈버는 만물상이라는 앱을 찾게 되었다. 평점은 4.5점은 꽤나 높은 평점을 가지고 있다. 꽤나 귀여운(?) 아이콘이 눈길을 사로잡..

네이버 블로그 검색누락해결방법(검색반영 신청결과) [내부링크]

그동안 바쁜 일이 있어서 글을 못썼더니, 방문자수가 금새 떨어졌다. 시작한지 별로 안되었지만, 나름 힘들게 올려놓은것 같은데 생각보다 떨어질때는 금새 떨어지는 것 같다. 역시 블로그는 매일 쓰는게 참 중요한것 같다. 하지만 직장을 다니느 사람들에겐 귀차니즘을 이겨내고 글을 쓰는게 참 힘든 것 같다. 어쨌든, 마지막으로 열심히 썼던 글들이 검색 누락이 되어 가슴이 아픈(?) 일이 발생했었다. 2022.02.19 - [Tistory/블로그] - 네이버 블로그 검색 반영 누락 해제 신청 네이버 블로그 검색 반영 누락 해제 신청 오늘은 네이버 블로그에서 내가 쓴 글을 검색하다가 보니, 내 글 몇개가 누락이 되었다는 사실을 알게 되었다. 이게 무슨일인가... 열심히 검색을 해서 내 글이 검색이 누락됐는..

네이버 블로그 검색 반영 누락 해제 신청 [내부링크]

오늘은 네이버 블로그에서 내가 쓴 글을 검색하다가 보니, 내 글 몇개가 누락이 되었다는 사실을 알게 되었다. 이게 무슨일인가... 열심히 검색을 해서 내 글이 검색이 누락됐는지 한번에 보여주는 사이트가 있어서 검색 해보았다. 몇개 글을 쓰지도 않았는데 4개나 검색누락이 되었다. 이게 무슨일인가..얼마 되지 않은 초보 블로거이긴 하지만, 쓴 10개의 글중 4개가 누락이라니..40%정도의 글만 노출되는 것이었다. 블로그 메뉴로 들어가서 스크롤 하다보면 오른쪽 하단에 블로그 스마트봇이라는 메뉴가 있어서 접속해 보았다. 나와같은 사례가 꽤 있는지, 연관 질문에 있어서 바로 눌러보니 검색 결과 제한 기준 도움말이라는 메뉴가 있어서 얼른 들어가 보았다. 네이버에서는 크게 5가지 사례에서 검색을 제한 한다고 ..

너무 쉬운 카카오 뷰 보드 만들기 - 보드 발행 [내부링크]

카카오 뷰 채널을 만들었으니, 이제 내 채널에 컨텐츠를 채워 넣어야 한다. 혹시 카카오 뷰 채널을 아직 개설 전이면, 아래에 채널 만드는 포스팅을 참고 하면 된다. 2022.02.17 - [블로그 & 카카오뷰] - 카카오뷰 만들기 채널 개설하기 카카오뷰 만들기 채널 개설하기 어느 날 친구가 뜬금없이 '카카오뷰 친구 추가좀 해줘'라고 나에게 요청을 해왔다. 카카오뷰? 카카오톡은 아는데 카카오뷰는 또 무엇인가? 대충 보니 플러스 친구 같은 느낌이어서 플러스 채널 aortm2.tistory.com 다시 카카오 뷰 창작센터에서 [보드창작]이라는 메뉴가 있다. 이 메뉴를 클릭해서 들어가 보자 그럼 내가 개설한 채널이 이렇게 나오게 된다. 나는 두개의 채널을 개설 했기 때문에 두개의 채널이 나온다. 채널은 한개가 ..

카카오뷰 만들기 채널 개설하기 [내부링크]

어느 날 친구가 뜬금없이 '카카오뷰 친구 추가좀 해줘'라고 나에게 요청을 해왔다. 카카오뷰? 카카오톡은 아는데 카카오뷰는 또 무엇인가? 대충 보니 플러스 친구 같은 느낌이어서 플러스 채널 만들었냐고 물어보았는데, 그게 아니란다. 카카오뷰가 나온지 얼마 되지않아 생소한 사람도 많겠지만, 새로운 방식의 컨텐츠임은 분명하다. 카카오뷰도 수익창출이 가능하고, 컨텐츠를 생산하지 않고 컨텐츠를 추천을 함으로서 수익을 얻을 수 있다고 한다. 그래서 카카오뷰에 대해 찾아보고 채널까지 개설하게 되었다. 오늘은 카카오뷰에 대해서 소개하려고 한다. 카카오뷰는 오픈형 큐레이션이라고 한다. 별도의 설치 없이 카카오톡을 최신버전으로 업데이트 하게되면 하단에 눈모양 아이콘을 눌러서 서비스를 이용할 수 있다. 한국사람 중에 카카오톡..

네이버 블로그 글쓰기 제한 해제 방법 [내부링크]

블로그를 이제 막 시작하려고 첫글을 열심히 작성할 때 였다. 분명 나는 발행버튼을 눌렀는데, 아니 웬걸.. 갑자기 팝업이 뜨면서 '블로그 내글쓰기 제한'이라는 문구가 뜨면서 발행이 되지 않았다. 갑자기 뇌정지가 오면서 아니..혹시나 이 글이 발행이 안되고 날아가면 어떻게 하지?? 사실 처음부터 다시 쓸 자신은 없었다. 글쓰기 창을 닫지 못하고 혹시나 하는 마음을 가다듬고 열심히 검색을 해보았다. 열심히 찾아보니 개인정보 유출로 해킹을 당해서 그렇다고 한다. 내 로그인 기록을 열심히 찾아본 결과.. 아니나 다를까 US??? 미국은 간적이 없는데... 어쨋든 나는 일단 이 문제를 해결해야 했기에.. 열심히 찾아본 결과 네이버 고객센터에서 글쓰기 제한 사유 및 해제요청이라는 메뉴를 찾을 수 있..

카카오톡 이모티콘 만들기 직장인 투잡 [내부링크]

이모티콘을 알고 있는가? 현재 이모티콘을 모르는 사람은 거의 없을 것이다. 나이가 지긋하신 분들 중에서도 이모티콘을 사용하고 계신분도 있으니, 대부분의 사람이 알고 있다고 해도 과언이 아니다. 핸드폰의 보급화로 채팅이 발달하면서, 이모티콘도 엄청 업그레이드 됐다. ⊂((・・))⊃ (/^^)/ （‐＾＾‐） 위의 이모티콘은 카카오톡이 나오기 이전에 문자로 연락을 하던 시절에 사용하던 이모티콘이었다. 특수문자를 활용해서 그린 이모티콘들이 인기였는데, 보관함에 저장해놓고 필요할때 꺼내쓰곤 했다. 이모티콘은 문자시절에도 개성의 표현이 되었던 것 같다. 한국사람이라면 대부분 사용하고 있는 카카오톡에서 내가 이모티콘을 만들어서 판매할 수 있다는 사실을 알고 있는가? 카카오톡에서는 유저가..

주택 청약 의미, 청약 1순위, 세금감면 혜택 정리 [내부링크]

배우 이시언이 주택청약에 당첨된 아파트가 6억에서 17억이 되었다고 한다. 몇 년 전 '나혼자산다'프로그램에 주택청약에 당첨되서 이사한걸 시청한 적이 있는데, 그 사이 2배나 넘게 오르다니..이런걸 보면 난 왜 저러지 못했을까 하고 후회하는 것 같다. 주택청약은 너무 유명해서 사회초년생도 한번쯤을 들어봤을 것이다. 주택청약이란 청약통장을 통하여 일정한 요건을 갖춘 사람에게 분양되는 아파트에 청약할 수 있는 자격을 주는 제도이다. 청약을 하려면 은행에서 주택청약종합저축에 가입을 해야한다. 주택청약종합저축은 대한민국 남녀노소 누구나 가입할 수 있으며, 실제로 주택청약 인정 나이는 '만 17세이상'부터이다. 2만원 ~ 50만원까지 넣을 수 있지만 1회 최대 인정액은 10만원으로 매월 10만원씩 넣는..

블로그 무료이미지 사이트 정리 [내부링크]

바야흐로 대 코로나 시대! 코로나로 인하여 블로그, 페이스북, 인스타 등 SNS가 엄청난 호황을 맞이했다. 그로 인하여, 우리나라에는 아직 생소한 저작권에 관한 것을 잘 모르는 경우가 많다. 외국에는 이미 널리 퍼져있지만, 아직까진 우리나라에는 생소한 문제라고 생각하는 것 같다. '몰래 가져다 써도 모를꺼야' '개인적으로 쓰는 건데 괜찮지 않을까?' 라는 등의 생각으로 마음대로 가져다 쓰다가는 고소를 당하는 경우도 생긴다. 물론 안걸리거나, 제작자가 관심이 없다면 그냥 넘어 갈 수도 있지만, 무조건 안걸린다는 생각은 하지 말아야 한다. 저작권의 사전적의미로는 창작물을 만든 사람이 자신이 만든 창작물, 저작물에 가지는 법적 권리입니다. 창작물을 만든 사람의 노력과 가치를 인정하고, 창작물..

블로그 썸네일 만들기 미리캔버스 활용 [내부링크]

블로그를 시작하면서, 썸네일에 대해서 고민해 본적이 있는가? 사실 블로그를 운영하게 되면, 시작하기 전에는 글만 잘 쓰면 될 것 같지만, 여러 블로거들을의 포스팅을 보면, 글뿐만이 아니라는 것을 알게 된다. 디자인에 별로 신경안쓴다면 상관 없지만, 역시 신경쓰일 수 밖에 없다. 조금 더 디테일하게 챙기고 싶은 마음이 있는데, 디자인툴을 다루지 못한다면 좀 막막하긴 하다. 포토샵을 다를 줄 알면, 썸네일에 대한 부담이 적지만 쉽게 다룰 수 있는 툴은 아니기 때문에 부담감은 더 커진다. 그 고민을 해결해 줄 툴이 있다. 사용법도 손쉽고, 템플릿이 있어서 누구나 배우지 않아도 할 수 있을 정도이다. 미리캔버스라고 들어보았는가? 미리캔버스는 설치없이 바로 웹에서 동작하는 툴이다. 위 썸네일도 미리..

중소기업청년이면 무조건 신청해야 할 내일 채움 공제 신청 방법 [내부링크]

내일채움공제라고 들어보았는가? 점점 대기업과 중소기업의 임금격차가 심해지고 있을때, 정부에서 만든 정책 중 하나이다. 사회초년생이 중소기업에서 입사해서 2년동안 고용되어 일을하면 목돈을 마련해 주는 제도이다. 즉, 중소기업에 다니게 되면 무조건 해야하는 제도이다! 사실 대기업에 들어갈 인원은 소수이니, 중소기업에 입사하는 청년이라면 무조건 들어야 하는 제도이다. 중소기업에 입사하게 되면 내일채움공제가 되는지 꼭 물어보는게 좋다. 안된다고 하면, 기업에 큰 메리트가 없는 이상 입사를 고려해 보아야 한다. 나도 가입하고 싶었지만, 기업에 뭐 이런저런것 때문에 가입을 못해서 지나고 나니 참 후회가 많이 됐다. 주변에서 만기가 되서 받는 사람들을 보면 엄청 부럽다. 재테크에 필요한 종자돈 마련..

2022 무조건 받아야 하는 중소기업 청년 대출 조건 [내부링크]

월급은 적은데, 물가와 집값은 폭풍상승중이다. 대기업이나 공기업이면 좀 주머니 사정이 나을텐데.. 극소수만이 대기업이나 공기업에서 근무를 하고, 대부분이 중소기업에서 근무를 하며 생계를 꾸리고 있다. 중소기업 근로자의 월평균 임금은 대기업의 60%에도 미치지 못한다고 한다. 집과 회사가 멀어 어쩔 수 없이 자취를 해야하는 중소기업에 다니는 사회초년생들은 의식주 중 '주'에 해당하는 전월세 보증금이 제일 걱정일 것이다. 그래도 국가에서 '중소기업 취업청년 전세자금대출'을 지원을 했었는데, 21년 12월부로 운영기한이 종료된다고 고지한 바가 있다. 하지만 너무나 다행이게도 중소기업 취업청년 전세자금 대출이 2년이 연장이 되었다. 하물며, 대출기준도 완화가 되었다고 한다. 완화된 기준을 살펴보면..

타임 캐시 추천인 및 사용 방법 앱테크 [내부링크]

혹시 앱테크라고 들어보았는가? 나는 앱테크라는 말을 처음 들어보았는데, 앱으로 재테크를 하는 것을 앱테크라고 한단다. 요즘 재테크에 부쩍 관심이 많아져 이것저것 찾아보고 있는데, 앱테크를 발견하게 되었다. 재테크는 정말 무궁무진하다는 것을 이번에 새삼 깨달았다. 이미 젊은 사람층에서는 앱테크가 어색하지 않을만큼 많이 퍼져있는 것 같다. 대기업이나 금융사도 앱테크를 지원한다니 본격적으로 생각을 해봐도 괜찮을 것 같다. 몇년 전에 만보를 걸으면 돈을 주는 어플을 이용해서 커피를 몇번 사먹어 본적이 있다. 그때도 신기했지만 금새 까먹은 기억이 있는데, '앱테크'라는 말을 들어보니 더 관심을 갖게 되었다. 앱테크 중 나는 타임캐시라는 어플을 발견해서, 한번 깔아보기로 했다. '당신의 시간 ..

HTML/CSS[3탄] HTML태그 소개 head 태그 [내부링크]

head 태그란? HTML 문서상단에는 로 끝나는데, 문서의 대한 정보가 들어 있습니다. 쉽게 생각하시면 문서의 머리말이라고 생각하시면 됩니다. title 태그 title 태그 태그는 말 그대로 웹페이지의 제목입니다. 태그안에 내용을 넣으면 내용이 바뀌게 됩니다. 한 문서 안에서 한번만 사용할 수 있습니다. 위와 같은 코드를 넣었을때 아래의 이미지와 같은 결과를 얻을 수 있습니다. 웹브라우저의 제목이 바뀐것을 확인 할 수 있습니다. meta 태그 태그는 HTML문서를 설명하는 태그로, 직접적으로 페이지에 표시가 되지 않습니다. 사람의 위한 것이라기 보단 프로그램이나 검색엔진을 위한 정보라고 생각하시면 좋을 것 같습니다. 위 코드에 나오는 는 문서에서 허용하는 문자들의 집합을 정의해주는 것입니다. UTF-..

HTML/CSS[2탄] HTML태그 소개(h1~h6 태그, p 태그, br 태그) - 01 [내부링크]

저번에는 글에 HTML의 기본구조에 대해서 소개해 드렸습니다. 이번에는 HTML의 태그에 대해 소개해드리려고 합니다. HTML은 시작 태그와 종료 태그로 작성되며 그 사이에 내용이 들어갑니다. HTML 태그는 요소 이름, 또 그 요소를 둘러싸는 꺽쇠가로()로 이루어지며, 종료 태그 또한 꺾쇠괄호를 연 뒤 슬래시를 넣어 시작 태그와 구별합니다. 아래 그림은 웹페이지에서 많이 사용 되는 태그들을 순서대로 표시한 것인데, 참고용으로 보시면 될거 같습니다. h1 ~ h6 (제목 태그) h1~h6는 웹페이지에서 많이 사용되는 태그 중 하나인데, 그 중 h1은 로고를 삽입할때 많이 쓰는 태그중 하나입니다. 제목1 입니다. 제목2 입니다. 제목3 입니다. 제목4 입니다. 제목5 입니다. 제목6 입니다. 사용방법은 위..

HTML/CSS[1탄] HTML 기초부터 튼튼히! [내부링크]

HTML은 웹 페이지를 만들기위한 표준 마크 업 언어입니다. HTML이란? HTML은 Hypertext Markup Language의 약자로 웹개발의 가장 기본이 되는 언어입니다. 웹언어 중 가장 쉬운 언어라서 초보자도 쉽게 배울 수 있으며, 홈페이지를 작성하는데 쓰입니다. HTML에서 사용하는 명령어는 태그(tag)라고 하는데 꺽쇠괄호""로 되어 있으며 종료 태그의 이름은 슬래시 문자 "/"로 시작됩니다. HTML기본구조 HTML은 특정 기능을 지원하는 태그 문법을 사용하는데, 그 종류는 100개가 넘습니다. 하지만 실제로 사용하는 태그는 한정적입니다. HTML의 기본 구조는 아래와 같습니다. 내용 : 현재 문서가 HTML5 문서임을 정의합니다. 모든 HTML 문서는 문서 유형 선언으로 시작해야합니다 ..

포토샵 강의 [제14탄] 사진의 색감 변경하기 change the color of a photo [내부링크]

이번시간에는 사진의 색감을 바꿔보려고 합니다. 이 기능은 사진보정할때도 사용하고 특정 부분의 색도 변경을 할 수 있습니다. Step 01 Hue/Saturation(색도/채도) 색조 변경하기 사진을 불러오는 방법은 다들 알고 계실거 같아서 생략하겠습니다 :) 색감을 변경하는 방법에는 여러가지가 있지만, 오늘은 Hue/Saturation(색도/채도)의 기능에 관해서 알아보겠습니다. 위그림에 보면 [이미지] - [조정] - [색도/채도]의 메뉴가 있습니다. 단축키로는 Ctrl+U를 누르시면 됩니다. 실행을 하시면 위와같은 창이 뜨게 됩니다. 색조는 색상을 바꿀 수 있고 채도는 색상의 선명도를 바꿀 수 있습니다. 밝기는 어두움과 밝음을 조절 할 수 있습니다. 사용방법은 화살표를 마우스로 드래그해도 되고 0이라..

[Flash Game]아이탈출 게임 4탄!-Child escape4 [내부링크]

대망의 아이탈출! 그 마지막편 4편입니다. 이제 그만잡혔으면 하는 아이의 탈출 마지막 스토리입니다. 일단 처음배경은 다소 수상한 식물원(?) 입니다. 재롱잔치에서 입은 듯한 옷도 입고, 매번 잡혀서 그런지 항상 무표정인 아이입니다. 게임 다운로드 2020년 12월 31일 이후로 Flash Player 지원을 중단하였기 때문에 게임을 실행하기 위해서는 플래이어가 필요합니다. 플레이어는 아래 링크에서 다운로드 해주세요! 2023.11.29 - [플래시게임] - 플래시 swf 파일 실행하는 방법(플래시 게임) 플래시 swf 파일 실행하는 방법(플래시 게임) Adobe는 2020년 12월 31일 이후로 Flash Player 지원을 중단한다는 내용을 발표하게 됩니다. 이제..

[Flash Game]아이탈출 게임 3탄!-Child escape3 [내부링크]

매번 갇히는 아이를 구출하는 아이탈출 3탄입니다. 너무 많이 갇혀서 이젠 놀랍지도 않은 아이죠 게임다운로드 2020년 12월 31일 이후로 Flash Player 지원을 중단하였기 때문에 게임을 실행하기 위해서는 플래이어가 필요합니다. 플레이어는 아래 링크에서 다운로드 해주세요! 2023.11.29 - [플래시게임] - 플래시 swf 파일 실행하는 방법(플래시 게임) 플래시 swf 파일 실행하는 방법(플래시 게임) Adobe는 2020년 12월 31일 이후로 Flash Player 지원을 중단한다는 내용을 발표하게 됩니다. 이제 모든 브라우저에 Adobe Flash Player를 지원하지 않게 되었는데, 자연스럽게 브라우저에서 미설치로 즐기던 aortm2.tistory.com..

[Flash Game]아이탈출 게임 2탄!-Child escape2 [내부링크]

저번에 이어서 아이탈출의 후속작! 아이탈출 2탄입니다. 이번에는 어떤 이유로 잡혔는지 모르지만(?) 또 잡힌 아이를 탈출 시키는 게임입니다. 게임 다운로드 2020년 12월 31일 이후로 Flash Player 지원을 중단하였기 때문에 게임을 실행하기 위해서는 플래이어가 필요합니다. 플레이어는 아래 링크에서 다운로드 해주세요! 2023.11.29 - [플래시게임] - 플래시 swf 파일 실행하는 방법(플래시 게임) 플래시 swf 파일 실행하는 방법(플래시 게임) Adobe는 2020년 12월 31일 이후로 Flash Player 지원을 중단한다는 내용을 발표하게 됩니다. 이제 모든 브라우저에 Adobe Flash Player를 지원하지 않게 되었는데, 자연스럽게 브라우저에서..

[Flash Game]아이탈출 게임!-외계인에게서 아이를 탈출 시키자Child escape [내부링크]

이번에 소개할 게임은 아이탈출이라는 게임입니다. 외계인에게 잡혀간 아이가 여러 도구들을 이용해서 외계인에게서 탈출하는 게임입니다. 게임 다운로드 게임을 실행하게 되면 위와 같은 창이 뜨는데, Play라고 써 있는 글씨를 클릭하면 게임이 시작하게 됩니다. 처음 그림은 아이가 감옥에 갇혀있고, 이상한 생물(?)과 고릴라가 보입니다. 다소 징그러울(?) 수 있는 외계인이 감시하는 듯한 느낌이 듭니다. 클릭할 수 있는 사물들이 정해져 있는데, 클릭을 하게 되면 반응을 하게 됩니다. 스토리를 풀어나가려면, 제작자가 원하는 대로 순차적으로 클릭을 하면 되는 게임입니다. 클릭을 잘못해서 아이가 사망하거나 처음부터 플레이를 하게 되는 건 없습니다. 아이가 활요할 수 있는 물체들을 잘 활용해야 합니다. 이상한(?..

[Flash Game]꿀잼 왕 죽이기 게임 다운로드! 엔딩보기! King Assassination Game [내부링크]

오늘 소개해 드릴 게임은 왕 몰래 죽이기 게임입니다. 원래 게임의 이름은 Murde라는 이름의 플래시 게임입니다. 게임은 아래쪽 플레이 하실 수 있습니다. 게임다운로드 곰플레이어나 swf 파일을 열 수 있는 프로그램으로 게임을 할 수 있습니다. 시작하면 인트로 화면을 볼 수 있습니다. 다음 진행을 위해서는 Space바를 누르시면 게임을 바로 시작 할 수 있습니다. 게임 방법은 간단합니다. Space를 누르면 게이지가 차는 것을 볼 수 있는데 게이지 바가 가득 차게 되면 왕 암살에 성공하게 됩니다. 위 그림처럼 왕의 암살에 성공하게 되면 자신이 직접 왕좌를 차지하게 됩니다. 자신이 왕이 되면 자신의 왕위를 노리는 자들이 뒤쪽에서 오게 되는데 이 때에도 Space바를 이용하여 왕좌를 노리는 자를 물리..

포토샵 강의 [제13탄] - 폴라로이드 사진 효과 만들기 Create a Polaroid photo effect [내부링크]

오늘은 폴라로이드 효과 느낌의 사진 효과를 주는 방법에 대해서 소개할까 합니다. 사진첩이나 블로그에 사용하기 좋은 효과이니 한번 알아보는 것도 좋을 거 같습니다. Step 01 Rectangle Tool 사용하기 먼저 편집할 사진을 불러옵니다. 왼쪽 도구에 보이는 사각형 아이콘의 Rectangle Tool을 선택해서 원하는 크기의 흰색의 사각형을 그려줍니다. 사각형의 색이 다르신 분들은 Layers창에서 빨간 박스로 표시된 부분을 더블 클릭해주세요 그러면 Color Picker라는 창이 뜨는데 이쪽에서 흰색으로 바꿔 주시면 됩니다. 그 다음 같은 방법으로 하나의 사각형을 더 그려줍니다. 구분이 잘되도록 저는 색을 다르게 하였으나 같은 색으로해도 상관 없습니다. 검은색 사각형 부분이 이제 사진이 들어가는 ..

포토샵 강의 [제12탄] - 흑백 사진 만들기 Create black and white photos [내부링크]

가끔 사진의 분위기 연출이나, 사진첩을 꾸밀때 흑백사진이 필요했던 적이 있으실 겁니다. 그래서 이번 시간에는 포토샵으로 간단하게 흑백사진을 만들 수 있는 방법에 대해서 소개하려고 합니다. Step 01 간단하게 흑백사진 연출하기 먼저 적당한 사진을 불러옵니다. 그 다음 단축키 Ctrl + Shift + U를 사용하시면 가볍게 흑백사진을 연출 하실 수 있습니다. Step 02 흑백사진의 정도 조절하기 단축키 Ctrl + Shift + U를 사용해서 가볍게 흑백사진을 만들 수 있지만 채도를 조절해서 원하는 만큼의 흑백사진 연출도 가능합니다. 단축키 Ctrl + U를 눌러주시면 Hue / Saturation창이 뜹니다. 왼쪽 상단메뉴의 Adjustments - Hue /Saturation에서도 Hue /Sat..

포토샵 강의 [제9탄] -블러효과로 부분 불투명한 창문 만들기 Create opaque windows with blur effect [내부링크]

이번시간에는 블러효과를 적용하는 방법에 대해서 소개할까 합니다. 블러를 적용하는 방법은 여러가지가 있지만 그 중에서 Gaussian Blur를 사용해서 불투명한 창문을 만들어 보려고 합니다. Step 01 펜툴로 영역 선택하기 File-Open 편집할 이미지를 불러옵니다. 저는 창문쪽에다가 블러 효과를 넣어 한쪽은 투명한 창문 한쪽은 불투명한 창문으로 만들어 보겠습니다. '사진 자르기' 강의때는 Marquee tool툴을 이용해서 영역선택을 했습니다. 2017/11/01 - [속성포토샵] - 포토샵[제1탄] - 사진 자르기 Crop photo 오늘은 Pen Tool을 사용해서 영역선택을 하는 방법을 배워 보겠습니다. Pen Tool은 마우스 오른쪽으로 콕 찍어주고 다른곳으로 이동해서 콕 찍어주면 점과 점..

포토샵 강의 [제11탄] - 펜툴로 누끼 따기(원하는 모양 으로 자르기) [내부링크]

블로그나 직장에서 작업을 할 때 뒷배경은 빼고 특정 영역이나, 물체만 사용하고 싶을때 유용한 기능입니다. Pen Tool을 이용해서 모양을 만들고, 뒷배경은 삭제하는 방법입니다. Step 01 펜툴 사용하기 Flie - Open 으로 편집할 이미지를 불러 옵니다. 저는 뒷배경이 하얀색으로 했는데, 배경이 있어도 상관은 없습니다. 왼쪽 도구모음에서 Pen Tool을 선택합니다. 왼쪽 상단에 Shape으로 되어 있으신 분들은 Path로 바꾸어 주세요 확대를 해서 세밀하게 작업을 해주어야 뒷배경이 안남고, 깔끔하게 지울 수 있습니다. 그리고 물체은 살짝 안쪽으로 따야 뒷배경이 남지 않습니다. Pen Tool의 활용은 불투명한 창문 만들기 강좌에서 잠깐 소개한적이 있습니다. 2017/11/10 - [속성포토샵]..

포토샵 강의 [제10탄] - 사진에서 원하는 물체, 오브젝트 지우기 Erase the desired object from the picture. [내부링크]

'사진을 찍거나 활용 할 때, 어떤 사람이나 물체만 없었으면 딱 좋을거 같은데' 라는 느낌을 받게 된적이 한번쯤은 있으실 겁니다.이번 강좌에서는 모든 사진에 적용되는 것은 아니지만 가볍게 사진에서 물체를 지울때 쓸 수 있는 방법에 대해서 소개하려고 합니다. Step 01 지울 영역 선택하기 먼저 편집할 사진을 불러 옵니다. 저는 이 사진에서 나무를 지우려고 합니다. 오른쪽 도구툴에서 Lasso Tool을 선택합니다. 이툴은 마우스를 드래그 한 영역만큼 선택 할 수 있는 툴입니다. 정밀한 작업은 아니지만, 확대를 조금 해서 마우스 드레그로 나무모양대로 선택을 해줍니다. 꼭 정확하게 따야 되는 것은 아니기 때문에 나무의 모양대로 대충 이미지를 선택해 줍니다. Step 02 선택한 오브젝트 지우기 단축키 Ct..

포토샵 강의 [제8탄] - 반투명 워터마크 만들기 Create a translucent watermark [내부링크]

저번시간에는 피부를 보정하는 방법에 대해서 소개했습니다.피부를 보정하는 방법은 여러가지가 있으니, 꼭 제 방법이 옳은 방법은 아니니 여러방법으로 시도해 보시는게 좋을 거 같습니다. 2017/11/09 - [속성포토샵] - 포토샵[제7탄] - 피부보정 하기, 잡티 제거 Skin correction Dirt removal 오늘은 자신이 만든 이미지에 도용이나 불펌을 방지하는 워터마크를 만드는 방법에 대해서 소개하겠습니다.블로그나 카페 등 웹 페이지를 운영하시는 분들에게 유용한 강좌가 될거 같습니다. Step 01 워터마크 글자 쓰기 포토샵 도구모음에서 T자 모양의 아이콘을 선택합니다.이 도구는 텍스트를 작성 할 수 있는 도구로포토샵을 하시면서 엄청나게 많이 쓰게될 툴 중 하나입니다. 자신의 워터마크로 쓸 글..

포토샵 강의 [제7탄] - 피부보정 하기, 잡티 제거 Skin correction Dirt removal [내부링크]

안녕하세요.오늘은 많은 분들이 찾고, 포토샵의 꽃이라고 할 수 있는인물 사진보정에 대해서 소개하려고합니다. Step 01 사진 밝기 보정하기 먼저 File - Open으로 편집할 사진을 불러옵니다.네..저번시간에 썼던 사진입니다. 재탕이죠..주근깨가 많이 있는 소녀의 주근깨를 없애주려고 합니다. Image - Adjustments - Brightness / Contrast의 기능을 사용하여 밝기와 선명도를자기의 마음에 맞게 조절해 줍니다. Brightness / Contrast의 사용법을 궁금하신 분은 아래 링크에서 확인해 보세요~ 2017/11/07 - [속성포토샵] - 포토샵[제6탄] -사진 밝기와 선명도 조절하기 Adjust photo brightness and sharpness Step 02..

포토샵 강의 [제6탄] -사진 밝기와 선명도 조절하기 Adjust photo brightness and sharpness [내부링크]

사진을 찍고 어둡게 나온 사진들이 아쉬웠던 경험들은 한번씩은 있습니다. 사진의 밝기와 조절하여 사진을 살리거나, 사진을 좀더 맘에 들게 조절하는 방법을 소개하겠습니다. Level 이나 Curve를 사용하는 방법도 있지만, 이번 시간에는 초보자도 쉽게 할 수 있는 Brightness / Contrast에 대해서 소개하겠습니다. Step 01 사진의 밝기와 선명도 조절하기 상단메뉴의 File-Open를 선택해서 편집할 사진을 불러옵니다. 상단 메뉴에 Image - Brightness/Contrast 메뉴를 선택합니다. 그럼 설정창이 하나 뜨는데 Brightness는 밝기, Contrast는 선명도를 조절할 수 있습니다. Auto 버튼도 보이는 자동으로 조절해 주는 기능이지만, 만족 할 만한 사진이 잘 나오지..

포토샵 강의 [제5탄] -사진 이미지 크기 조절하기 Resize photo image [내부링크]

스마트폰이나 사진기에서 찍은 사진으로 앨범을 만들거나 인터넷에 사진을 올릴 때 이미지가 크기가 너무 커서 당황할 때가 있습니다. 이때 사용하면 좋은 Image Size 기능에 대해서 소개 해 드리겠습니다. Step 01 이미지 사이즈 조절하기 먼저 편집할 이미지지를 불러와야 겠죠? 상단메뉴에 File-Open으로 편집할 이미지를 불러옵니다. Ctrl + Alt + I 단축키를 사용하거나 상단메뉴에 Image - Image Size를 선택해 줍니다. 그러면 창이하나 뜨게 되는데요. 여기서 Width 와 Height의 수치를 조절해서 이미지의 크기를 조절할 수 있습니다. Pixels이라고 적혀있는 부분은 단위로 마우스로 클릭해서 단위를 쉽게 바꿀 수 있습니다. 기본적으로 Width나 Height의 수치를 변..

포토샵 강의 [제4탄] - 바닥에 비치는 효과 이미지 만들기 Create an image reflected on the floor [내부링크]

저번시간에는 경계선없는 이미지를 만들었습니다. 2017/11/02 - [분류 전체보기] - 포토샵[제3탄] - 경계선 없는 사진 자르기(가장자리 블러효과) 궁금하신 분은 위 링크를 따라가시면 확인 하실 수 있습니다.오늘은 바닥에 사물이 비치는 듯한 느낌의 이미지를 만들어 보겠습니다. Step 01 Canvas 생성 상단 메뉴에 File - New를 클릭하여 Canvas를 생성합니다. 저는 800 x 800으로 만들었지만 크기를 다르게 해도 상관은 없습니다. Step 02 이미지 불러오기 새로운 Canvas를 생성하였다면, File - Place를 선택하여 이미지를 불러옵니다. 마우스 드래그로 이미지를 불러와도 상관은 없습니다. 이미지는 배경이 투명한 이미지로 하는게 좋습니다. 이렇게 이미지를 불러오면 이..

포토샵 강의 [제3탄] - 경계선 없는 사진 자르기(가장자리 블러효과) [내부링크]

저번에는 모양대로 사진자르기를 소개했습니다. 오늘은 경계선 없이 원하는 부분만 사진을 자르는 방법에 대해서 알아보겠습니다.블로그나 디지털 사진첩 같은 곳에 사용할 사진을 만들때 유용한 방법입니다. Step 01 사진 불러오기 먼저 편집 할 사진을 불러옵니다.그 다음에 저번시간에 배운대로 Layers창에서 Background 이미지를 자물쇠 아이콘을 더블클릭하여 Layer로 만들어 줍니다. Step 02 Marquee Tool로 영역 지정하기 marqueel Tool을 활용하여 원하는 영역을 지정해 줍니다.marqueel Tool 설명은 지난 시간에 설명을 해드렸습니다.혹시 아직 모르시는 분들은 아래의 링크에서 확인 하실 수 있습니다.2017/11/01 - [속성포토샵] - 포토샵[제1탄] - 사진 ..

포토샵 강의 [제2탄] - 원하는 모양으로 사진 자르기 Crop a photo to your liking [내부링크]

저번에는 marquee tool을 이용하여 사진 자르는 방법을 배웠습니다. 2017/11/01 - [속성포토샵] - 포토샵[제1탄] - 사진 자르기 Shape 툴을 활용하여 사진을 원하는 모양으로 자르는 방법에 대해서 소개하겠습니다. Step 01 사진 불러오기 저번시간에 배운 방법대로 사진을 편집할 사진을 불러옵니다. 사진을 불러오는 방법은 File - Open으로 사진을 불러올 수 있습니다. Step 02 Shape Tool 선택하기 Shape툴을 선택하여 주고 1초동안 마우스로 꾹 누르고 있거나 마우스 오른쪽 버튼을 클릭하면 하위메뉴가 나옵니다. 하위 메뉴중에서 Custom Shape Tool을 선택합니다. 상단에 보시면 Shape란 글자와 Shape의 모양이 나타난것을 확인 할 수 있습니다. ..

포토샵 강의 [제1탄] - 사진 자르기 Crop photo [내부링크]

포토샵 기초툴 marquee tool을 이용하여 사진을 자르는 방법에 대해서 알아보겠습니다. 사진 촬영 후 필요없는 부분을 자르거나, 사진을 꾸밀때 유용한 기능입니다. Step 01 파일 불러오기 먼저 편집할 이미지를 불러옵니다. 이미지를 불러오는 방법은 메뉴에서 File - Open 에서 이미지를 불러오는 방법과 단축키 Ctrl + O 키를 눌러서 불러오는 방법, 그리고 폴더에서 이미지를 드래그해서 불러오는 방법이 있습니다. Step 02 marquee tool 선택하기 marquee tool은 도구툴 맨 상단 왼쪽에 위치해 있습니다. marquee tool을 클릭하고 마우스 오른쪽 버튼을 누르거나 marquee tool을 1초정도 꾸욱 누르고 있으면 marquee tool의 종류가 나옵니다. 먼저 기..