전체 글 152

자전거 국토종주 - 마지막 (서울 → 인천 아라뱃길)

순서 (클릭하면 해당 위치로 이동합니다)여행경과광나루 자전거공원→ 여의도 서울마리나여의도 서울마리나→아라 한강갑문아라한강갑문 → 아라서해갑문돌아가는길선유도공원노을(핵심★)마지막으로여행경과 날짜코스거리20.09.15서울 자택 → 경기도 여주 강천보88.5km20.09.16경기도 여주 → 충청북도 충주 수안보온천112km20.09.17충청북도 충주 → 경상북도 의성 낙단보100km20.09.18경상북도 의성 → 대구 강정고령보80km20.09.19-20 (철야)대구 → 부산 낙동강하굿둑206km20.10.17서울 자택 → 인천 아라서해갑문 (왕복)118km* 코스 간의 거리는 자전거 행복 나눔 홈페이지의 거리를 참조하여 오차가 있을 수 있습니다.* 마지막 거리 → 숙소의 거리는 네이버 지도의 거리 설명을 참..

자전거 국토종주 - 5일차 (강정고령보 → 낙동강 하굿둑)

순서 (클릭하면 해당 위치로 이동합니다)여행경과강정고령보→달성보달성보 → 합천창녕보합천창녕보 → 창녕함안보(시내★)창녕함안보 → 양산물문화관양산물문화관 → 낙동강하굿독 (★★★)후일담여행경과 날짜코스거리20.09.15서울 자택 → 경기도 여주 강천보88.5km20.09.16경기도 여주 → 충청북도 충주 수안보온천112km20.09.17충청북도 충주 → 경상북도 의성 낙단보100km20.09.18경상북도 의성 → 대구 강정고령보80km20.09.19-20 (철야)대구 → 부산 낙동강하굿둑206km20.10.17서울 자택 → 인천 아라서해갑문 (왕복)118km* 코스 간의 거리는 자전거 행복 나눔 홈페이지의 거리를 참조하여 오차가 있을 수 있습니다.* 마지막 거리 → 숙소의 거리는 네이버 지도의 거리 설명을..

티스토리 스킨 제작 (2) - 티스토리 관련글 목록 지우기

이번에는 관련글 지우기를 올려보려고 합니다. 저의 스킨 기준은 Odyssey 스킨을 이용하였습니다. 관련글 티스토리 블로그에는 관련글이라는 기능이 있습니다. 블로그 내에서 같은 카테고리 글을 띄어줍니다. 관련글의 부분에 컨텐츠가 부족하던지 한다면 다음처럼 조금 허전할 수 있습니다. 그리고 해당 위치에는 광고를 붙인다던지 여러가지 할 수 있습니다. 관련글 지우기 해당 부분에 들어가 보면 태그가 있습니다. 해당 태그가 관련글을 통제하는 태그로 ~부분을 제거하면 관련글 부분을 제거할 수 있습니다. 이번에는 HTML태그 말고도 CSS도 지워주도록 하겠습니다 .article-related라는 class의 부분을 전부찾아 CSS에 제거하면 됩니다. 자신이 관련글을 사용한다고 하면 하셔서 됩니다 여담 처음에는 스킨을..

자전거 국토종주 - 4일차 (낙단보 → 강정고령보)

순서 (클릭하면 해당 위치로 이동합니다)여행경과낙단보→구미보구미보→칠곡보(시내★)칠곡보 → 강정고령보(시내★★)강정보근처에서 찍은 사진들 (핵심)마지막으로여행경과 날짜코스거리20.09.15서울 자택 → 경기도 여주 강천보88.5km20.09.16경기도 여주 → 충청북도 충주 수안보온천112km20.09.17충청북도 충주 → 경상북도 의성 낙단보100km20.09.18경상북도 의성 → 대구 강정고령보80km20.09.19-20 (철야)대구 → 부산 낙동강하굿둑206km20.10.17서울 자택 → 인천 아라서해갑문 (왕복)118km* 코스 간의 거리는 자전거 행복 나눔 홈페이지의 거리를 참조하여 오차가 있을 수 있습니다.* 마지막 거리 → 숙소의 거리는 네이버 지도의 거리 설명을 참조하였습니다. 얼마 안 간..

자전거 국토종주 - 3일차 (수안보 온천 → 낙단보)

순서 (클릭하면 해당 위치로 이동합니다)여행경과수안보온천 → 이화령 휴게소이화령 휴게소 → 문경 불정역 (시내★)문경 불정역 → 상주 상풍교 (시내★)상주 상풍교 → 상주보상주보 → 낙단보후일담 / 마지막으로여행경과 날짜코스거리20.09.15서울 자택 → 경기도 여주 강천보88.5km20.09.16경기도 여주 → 충청북도 충주 수안보온천112km20.09.17충청북도 충주 → 경상북도 의성 낙단보100km20.09.18경상북도 의성 → 대구 강정고령보80km20.09.19-20 (철야)대구 → 부산 낙동강하굿둑206km20.10.17서울 자택 → 인천 아라서해갑문 (왕복)118km* 코스 간의 거리는 자전거 행복 나눔 홈페이지의 거리를 참조하여 오차가 있을 수 있습니다.* 마지막 거리 → 숙소의 거리는 ..

자전거 국토종주 - 2일차 (강천보 → 수안보 온천)

순서 (클릭하면 해당 위치로 이동합니다)여행경과강천보 → 비내섬비내섬 → 충주댐 (시내★)충주댐→탄금대 (시내★)탄금대 → 수안보온천마지막으로 음식 사진하고 싶은 말여행경과 날짜코스거리20.09.15서울 자택 → 경기도 여주 강천보88.5km20.09.16경기도 여주 → 충청북도 충주 수안보온천112km20.09.17충청북도 충주 → 경상북도 의성 낙단보100km20.09.18경상북도 의성 → 대구 강정고령보80km20.09.19-20 (철야)대구 → 부산 낙동강하굿둑206km20.10.17서울 자택 → 인천 아라서해갑문 (왕복)118km* 코스 간의 거리는 자전거 행복 나눔 홈페이지의 거리를 참조하여 오차가 있을 수 있습니다.* 마지막 거리 → 숙소의 거리는 네이버 지도의 거리 설명을 참조하였습니다. ..

JavaScript (2) - 상단 이동 스크롤 버튼 구현

많은 웹사이트들에서 글이 길어질 것을 대비하여 상단바 기능을 구현합니다. 이번 시간에는 간단하게 상단바 이동 기능을 알아보려고 합니다. + 두가지 강의를 준비하려고 합니다. 먼저는 순수하게 상단 이동 스크롤 버튼을 구현하는 것과 두 번째는 요즘 사이트들이 만드는 것처럼 몇몇 사진으로 자연스럽게 animate 되는 것을 실습을 통하여 만들어보려고 합니다. 주의사항 : 스크롤 이동 기능을 구현하려고 할때 자바스크립트보다 CSS의 영향이 더 크다고 생각합니다. 그래서 적절한 CSS숙지가 필요할 것 같습니다. (실제로 쓰는 자바스크립트 소스가 얼마 안 됨) 알아야 할 것 window (인터넷 브라우저를 다루는 객체, document는 사이트 내부 조작이라면 이것은 외부라고 생각하면된다) (ex : 즐겨찾기 탭 ..

자전거 국토종주 - 준비 및 1일차 (서울 → 강천보)

순서 (클릭하면 해당 위치로 이동합니다)계기준비물 및 추가 구매 사항여행경과서울 → 능내역능내역 → 양평군립미술관 (시내 ★)양평군립미술관 → 이포보이포보 → 여주보여주보 → 강천보 (시내★)강천보 → 숙소 (강천섬 게스트하우스) 계기 전역 후 아르바이트 등 여러 가지를 도전했습니다. 하지만 시기가 시기인 만큼 결국 아르바이트를 놓쳤습니다. 그저 기다리는 것보다 제가 하고 싶은 것들을 도전하고 무작정 짐을 싸고 출발하였습니다.(내용이 길어서 찾는 부분이 있다면 ctrl +f (서울 → 능내역 인증센터) 이런 스타일로 검색하시면 됩니다.)준비물 및 추가 구매 사항준비물자전거 (물통걸이, 전조등, 후미등, 핸드폰 걸이)헬멧백팩여벌 옷바람막이비상금추가 구매자전거 국토종주 수첩여분의 물과 당류 제가 먼저 준비했..

Github - Github.io를 이용하여 무료로 웹호스팅하기

개요 티스토리나 네이버 블로그 등 블로그 틀을 이용하여 개발자 블로그를 만들 수도 있습니다. 제가 티스토리 블로그를 선호하는 이유는 외부만 꾸미면 되고 네이버 블로그에 비해 스킨의 제약이 없고 편하기 때문에 그렇습니다. 하지만 사람들이 목적에 따라 여러 가지 방법을 사용하고는 합니다. 저는 순수하게 자신의 사이트를 가지고 싶은 분들에게 추천하는 github.io를 이용하여 웹호스팅을 하는 방법을 올리려고 합니다. 참고 저장소 제한 용량은 1GB 다 제한 트래픽은 100GB/월 이다 php, python, node.js 등을 이용한 동적인 사이트는 작동하지 않는다. 방법 *저는 깃허브 사이트를 이용하여 간단하게 웹호스팅 업로드하는 방법을 올리려고 합니다. 만약에 업데이트나 편하게 사이트를 다루려면 git를..

컴퓨터/기타 2021.01.25

댓글 - 댓글 플러그인 및 코스모스팜 설치

개요 티스토리 블로그의 댓글 시스템이 외부와 소통하는 부분에서 많이 부족합니다. 그래서 다른 플러그인을 활용해보는 시간을 가져보려고 합니다. 티스토리 블로그 댓글 시스템의 단점 티스토리 블로그의 단점은 티스토리 내부의 사람들과 소통은 자유롭지만 외부에 공유하는 사람들과 소통하기 어렵다(소셜 검색 등의 부재)는 단점이 있습니다. 요즘은 초대장이 아닌 카카오 계정으로 로그인도 가능하지만, 대부분의 사람들은 해당 과정이 있으면 잘하지 않죠. 그래서 외부사람들이 손쉽게 들어가서 댓글로서 상호작용하는 플러그인을 알아보려고 합니다. 댓글 플러그인 종류 (몇 가지) 자신이 직접 댓글 플러그인을 만들 수도 있지만 보안등의 여러 문제로 실제로 웹페이지를 만들 때 댓글 플러그인을 이용합니다. 댓글 플러그인의 종류는 엄청나..