본문 바로가기

분류 전체보기345

CSS, JS 등 소스를 정렬해주는 사이트 HTML, CSS 소스 깔끔하게 정렬해주는 사이트 https://tools.arantius.com/tabifier Tools - Tabifier (HTML and CSS code beautifier) - arantius.com Tabifier The tabifier is a tool to properly indent computer code. The style it produces is a mix of my personal preferences for indentation plus what I could manage to make a program produce from dirty source. The tabifier currently supports CSS, HTML, and tools.arantius.. 2022. 10. 6.
CSS 마우스 오버 이미지 확대 Hover Effect 2022. 10. 5.
이거슨 미세먼지인가 안개인가 아니 아무리 봐도 안개인지 미세먼지인지 도통 알수가 없네... 원래 맑은 날씨라면 제일 위에 사진에서 우암산이 보여야 하는데 아예 산 그림자도 보이지 않고 있다... 위성사진, 네이버 미세먼지 내용을 보면 어느정도는 있어 보이는데 산이 안보일정도는 아닌거 같은데... 과연 이거슨 미세먼지? 안개? 요즘 일기예보를 믿을수가 없어서리... 2022. 9. 30.
Bootstrap3 , Bootstrap4 , Bootstrap5 차이점 항상 궁금했었는데 이제 진지하게 찾아봤습니다. 부트스트랩이란? "Bootstrap은 웹 디자인 및 UI 개발을 위한 HTML5 기반 Mobile First Front-End Framework입니다. 부트스트랩은 HTML , CSS 및 Javascript 를 사용하며, 부트스트랩은 2011년 8월 Twitter 개발자 에 의해 개발되었습니다 . 오픈 소스 이며 사용하기 쉽습니다."라고 하는데... 쉽기도 어렵기도 한거 같은데... 반응형 홈페이지 제작에 많이 사용되고 있는 툴입니다. 이글을 읽고 계신다면 대부분 부트스트랩에 대해서 아실텐데 그래도 모르는 분들을 위해 아주 약간 설명하면 PC, 태블릿, 모바일 등등 화면 사이즈가 각자 개성이 있죠. 언놈은 크고 언놈은 작고... 그래서 이걸 화면에 맞게 CS.. 2022. 9. 29.
화장실, 주방 하수구덮개로 냄새를 잡았네요! 안녕하세요. 오랜만에 제품관련 리뷰를 써보네요. 소개할 제품은 내돈내산 하수구덮개입니다. ​ 사실 화장실이나 주방에서 올라오는 하수구 냄새 많이들 겪을듯 생각됩니다. 저희도 주방이나 화장실에서 좋지않은 하수구 냄새가 많이 올라옵니다. 그런데 한번도 저 냄새를 어떻게 해야하나 진지하게 고민해본적이 없었는데 인터넷을 돌아다니다 우연히 이 제품을 보게되었습니다. ​ 화장실덮개의 모습은 단순합니다. 재질은 고무인듯 보이고 모서리가 둥근 사각형 모양입니다. 아래 사진은 뒷면의 모습인데 뭐랄까.... 이미지에서는 느껴지지 않는데 직접 만져보면 찰싹 달라붙는 느낌의 촉감입니다. 중요한것은 제품의 기능이 아닐까 하는데 위에서도 설명했듯이 저희 집이 조금 오래된 아파트라서 화장실 하수구 냄새가 좀 올라옵니다. 화장실덮개.. 2021. 4. 27.
청주 홈페이지제작 (주)이씨온플러스 이번 포스팅은 저희 피플홈에서 기존에 제작했었는데 다시 리뉴얼을 한 홈페이지 입니다. ​ (주)이씨온플러스는 기업행사, 문화행사, 기념행사, 학교행사, 체육대회 등 이벤트 전문 주식회사 입니다. ​ 사이트 주소는 http://econplus.co.kr/ 홈페이지의 특이점은 스크롤형식의 홈페이지 입니다. 스크롤형식이란 메뉴를 클릭하게 되면 해당 내용으로 한페이지 내에서 이동하는 형식입니다. ​ 하지만 위 홈페이지는 페이지 이동 과 스크롤 형식이 혼합된 홈페이지 입니다. 포트폴리오의 경우 더보기라는 버튼을 두어 페이지를 이동하게 됩니다. ​ 아래 이미지처럼 포트폴리오 페이지를 따로두고 관리자페이지에서 등록하는 방식의 홈페이지 입니다. 그리고 반응형 홈페이지 입니다. 반응형이란 모바일, 태블릿, PC 등의 기.. 2021. 4. 20.
청주 홈페이지제작(서플라이아미 쇼핑몰) 안녕하세요! 바뻐서 블로깅을 거의 하지 못했는데 이제서야 이렇게 새로운 카테고리로 블로깅을 합니다. 사업을 시작한지는 6년째인데 그동안 제작한 홈페이지 홍보도 할겸 겸사겸사 이렇게 블로깅을 시작합니다. ​ 최근에 서플라이아미 쇼핑몰을 제작하였습니다. 서플라이 쇼핑몰 주소는 http://supplyarmy.co.kr/ 입니다. 홈페이지 메인화면의 구성은 메뉴, 슬라이드 이미지, 베스트상품, 신규상품 등으로 되어있습니다. ​ 그리고 해당 쇼핑몰은 반응형으로 제작이 되었습니다. 반응형은 PC, 태블릿, 휴대폰 등 화면의 사이즈가 변경되면 자동으로 화면에 맞춰 디자인 및 프로그램이 재구성 되는 시스템을 말합니다. ​ 서플라이 쇼핑몰은 육군, 해군, 공군, 경찰 등에서 사용하는 약장, 약장 프레임, 뱃지, 스티커.. 2021. 4. 13.
부트스트랩에 대해서 안녕하세요! 오늘은 반응형 홈페이지를 제작하기 위해서 부트스트랩에 대해 먼저 알아보겠습니다. 부트스트랩의 등장 이유는 개발이 진행될 때 개발자의 취향에 따라 도구도 다르고 자신만의 라이브러리를 사용하기도 해서 개발을 시작할 때 미리 어느 정도의 표준을 정해서 진행하는 경우가 많이 있습니다. 그러나 이런 작업이 진행되지 않은 경우 각 개발자의 소스코드 작성 형태 등이 제각각이기 때문에 디자인까지 달라질 수 있죠. 이런 경우 심지어는 다시 작업에 들어가기도 합니다. 트위터의 개발자인 마크 오토(Mark Otto)와 제이콥 쏜튼(Jacob Thornton)은 이러한 다른 생각과 환경에서 오는 여러가지 어려운 점을 개선하기 위해서 정형화된 인터페이스를 만들었습니다. 처음에는 주말과 가외 시간을 이용해서 1년동안.. 2017. 5. 19.
반응형 홈페이지란? 안녕하세요! 반응형 홈페이지 제작관련 블로그를 발행해보려 메뉴를 하나 만들었습니다. 저는 지금 홈페이지 제작 사업을 하고 있습니다. 사실 홈페이지 제작사업 홍보를 목적으로 블로그 포스팅을 하는것은 아니지만 조금이라도 도움이 되었으면 하는 바램은 있습니다 ^^;; 요즘 홈페이지 만들어지는것을 보면 보통 반응형 홈페이지로 제작을 많이 진행하고 있습니다. 업체를 방문해보면 사실 반응형 홈페이지에 대해서 모르시는 분들이 대부분입니다. 그래서 항상 아래 내용들을 설명드리고 있습니다. 반응형 홈페이지란 쉽게 설명드리면 해상도 즉 PC, 태블릿, 모바일 마다 화면의 크기가 틀린데 어떤 기기의 화면에 따라 자동으로 반응하여 사이즈를 조절해주는 홈페이지를 말합니다. 아래 이미지를 보시면 더 이해가 될것입니다. 위 이미지.. 2017. 5. 18.
서산 버드랜드 방문기 안면도를 여름휴가 갔다가 오늘길에 들린 서산 버드랜드 입니다. 조개도 잡고 수영장도 있고 애들이 좋아하는 복층형 펜션! 1석 3조의 효과를 누린 여름휴가 였습니다. 일부러 성수기 피해서 갔는데도 펜션이 몇개의 방빼고 모두 차있네요. 어른은 3000원, 어린이는 1500원입니다. 저렴하기도 하고 애들에게 박물관도 보여줄겸 겸사겸사 다녀왔습니다. 이곳에는 4D 상영관 이미지가 없는데 혹시라도 서산 버드랜드를 가게 되면 4D 영화를 꼭 보시기 바랍니다. 금액이 기억이 잘 나지 않는데 몇천원 했던거 같네요. 입장금액과 별도로 4D 영화 매표를 해야 합니다. 전동차 기사님 친절하시게도 차앞에서 사진을 찍으라고 세워주시네요. 감사합니다. 짚 공예입니다. 짚으로 디테일하게 동물들 표현을 잘했더군요. 태어날때가 얼마 .. 2016. 8. 22.
청주 문암생태공원 수영장 나들이 우연히 집앞에서 청주신문을 보았습니다. 신문을 읽다보니 문암생태공원에 무료 수영장을 개설한 소식을 듣게되어서 집에서도 5~10분이면 가는 곳이고 아이들도 방학이라서 한번 가보았습니다. 텐트 및 그늘막은 설치를 못한다고 써있습니다. 그래서 아래 보이는 사진처럼 천막 안에서 돋자리를 펼쳐야 하는데... 자리가 없더군요. 그래서 안내원한테 물어보니 잔디밭쪽에 하면 될거같다고 확실하게는 말하진 않았지만 아무튼 자리가 없어서 잔디밭에 그늘막텐트를... 문암생태공원 주차장 바로 옆(생태공원 들어가는 초입)에 수영장을 만들어 놓았습니다. 안내문은 위처럼 쓰여져 있습니다. 2시간씩 운영하며, 10:00 ~ 12:00 , 13:00 ~ 15:00, 15:00 ~ 17:00 3번 합니다. 그리고 50분 놀고 10분씩 휴식.. 2016. 7. 29.
php summernote 에디터 설치 오랜만에 프로그램에 대해서 포스팅 하네요. 시간이 여유가 있으니 이제 슬슬 포스팅을 다시 시작을 해볼까 합니다. ㅎㅎ;; 이번 포스팅 내용은 SUMMERNOTE 입니다. 반응형 웹에서 사용하는 에디터 입니다. 우리나라 개발자가 만들었다고 하니 왠지 더 정감이 갑니다. 그리고 굉장히 깔끔하게 잘 만들었다고 생각합니다. 요즘 반응형 웹이 대세인데 딱 맞는 에디터가 이렇게 존재하고 있다니 그것도 우리나라 개발자들이 모여서 만든 솔루션이니 정말 대단하다 생각합니다. 설치가 잘 안되어서 1~2일 고생했네요. 이 고생을 다른 누군가 또 반복하지 않게 하기위해 이렇게 내용을 씁니다. 설치 방법은 우선 SUMMERNOTE 홈페이지 http://summernote.org/ 에서 프로그램을 다운받으면 됩니다. summer.. 2016. 7. 22.
무작정 떠난 대천해수욕장 정말 오랜만에 블로그 포스팅!! 한살한살 나이를 먹으니 마음의 여유가 점점없어지는듯... 무계획으로 떠난 대천해수욕장! 대천해수욕장에 도착한 날짜는 2월 20일!! 정말 무지하게 추운 날씨! 모자를 안쓰고 다니면 귀가 떨어질 정도로 차가운 겨울 바람이 불어옴. 그래도 우리가족 추위에도 아랑곳않고 싱글벙글 ㅎㅎ 무작정 떠난 여행이라 숙소를 어디 잡을까 고민중 어느 호텔 앞에서 찍은 사진들! 호텔은 아래에서 ㅋ 새우깡 하나로 대천의 많은 갈매기가 모이네. 근데 생각해보면 갈매기 사진 정말 잘나왔음! 햇빛을 가로질러 날아가는 갈매기들! 멋지구만 ㅋㅋ; 위 사진은 호텔의 내부 모습 사진! 호텔명은 FIREVE(파레브??) 머 아무튼 그렇게 읽음. 호텔에서의 풍광인데 정말 바다에 떠있는 느낌이 너무 마음에 들었음.. 2016. 2. 28.
[서평] 티모스 실종 사건 또 한번 이렇게 오랜만에 글을 씁니다. 사실 사람이 게을러지면 끝도없이 게을러 지는것을 느낍니다. 게을러지니 운동도 안하게 되고 만사가 귀찮고.... ㅎㅎㅎ;; 이제 다시 마음을 다잡아야 겠습니다. 그래서 이렇게 다시 서평을 한번 써봅니다. 이번에 읽은 책은 우종민 지음의 "티모스 실종 사건" 입니다. 이 책의 작가(우종민)는 인제대학교 서울백병원 정신건강의학과 교수이며, 서울대 의과대학을 졸업하였고, 미국 존스홉킨수대학교 보건대학원에서 보건학석사를 취득했습니다. 그리고 현재 직장인의 마음을 가장 잘 이해하는 정신과 의사 "리더들의 심리주치의"로 불린다고 합니다. 아래 줄거리를 이야기 하겠지만 작가께서 직접 겪은 경험담을 이야기 하는게 아닌가 싶기도 합니다. 제목이 티모스 실종 사건인데 책에서 말하길 티.. 2015. 3. 9.
[서평] 나는 서른에 비로소 홀로 섰다 정말인지 오랜만에 블로깅을 합니다. 3개월만에 포스팅을... 내 자신이 무심한 생각까지 든다는... 2015년 부터는 마음을 가다듬고 다시 블로깅을 열심히 해야할듯...파이팅!! 어쨋든 오늘 블로깅의 주제는 책!!! 책의 제목은 글제목에서도 나와있듯이 "나는 서른에 비로소 홀로 섰다" 입니다. 처음 책의 제목을 보았을때 언뜻 들었던 생각은 30에 무언가를 해야하는건가 라는 생각이 들었는데, 책을 계속 읽다보니 그 내용이 아닌것을 알았습니다. 이 책의 글쓴이는 고전 연구가 조광수님 입니다. 굳이 모든 경력을 다 나열하진 않겠지만 공자에 대한 철학이 깊은 분인듯합니다. 책을 읽어보면 알겠지만 대부분의 내용이 공자의 30대에 대한 내용으로 구성되어 있습니다. 그리고 공자에 대한 이야기와 현실에 대한 이야기를 .. 2015. 1. 13.
자전거 깔 맞춤 블루투스 스피커!!! 오랜만에 또 이렇게 블로깅을 합니다. 요즘은 물리적으로 바쁜건 그다지 없는거 같은데 심(心)적으로 왜이리 여유가 없는지.... 이번에 블로깅할 내용은 정말 괜찮은 녀석이 있어서 소개할까 합니다. 저는 주말에 시간이 되면 항상 자전거를 즐겨 탑니다. 그리고 자전거를 타면서 항상 라디오를 듣습니다. 별도의 라디오는 들고 다니지 않기 때문에 스마트폰을 통해서 라디오를 듣습니다. 라디오를 들을때마다 항상 느끼는것이 있습니다. 소리가 작아서 잘 들리지 않는다는 점이죠. 그런데 이번에 가격도 저렴하고 사이즈도 괜찮은 블루투스 스피커를 만났습니다. 이름하여 JD-X1 블루투스 스피커 입니다. 생긴건 아래와 같습니다. 이녀석의 가격은 만육천원대에 형성되어 있습니다. 하이킹을 즐기는 분들께 정말 추천해드리고 싶은 녀석입.. 2014. 10. 4.
[서평] 블루 먼데이 알코올 또 이렇게 오랜만에 블로깅을 합니다. 늘 그랬지만 오랜만에 블로그를 쓰면 제가 만든 이 블로그에 왠지 미안한 마음이 듭니다. 최소한 일주일에 두 개씩은 해야 되는데 말이죠... 이번에도 서평 블로그 입니다. 한결 작가의 장편소설 "블루 먼데이 알코올"인데 줄여서 블먼알이라 칭하겠습니다. 전반적인 이야기의 흐름은 서울 마포 와우산로에서 헌책방, 부동산, 수족관 등 다양한 분야의 자영업자들이 월요일마다 가벼운 음주모임등을 가지며, 하루하루 살아가는 모습을 그려낸 소설입니다. 책을 다 읽고 잔잔한 감동과 행복한 여운이 남습니다. 간략하게 책의 내용을 소개해 보겠습니다. ​ ​ 목차는 위와 같은데 모두 설명은 하지 않겠습니다. "우선 마크툽이라는 헌책방에서 일하는 미자를 중심으로 이야기는 전개됩니다. 미자는 알.. 2014. 9. 13.
[서평] 불타는 투혼 이번에 읽은 책은 이나모리 가즈오라는 일본의 교세라 창립자인 인물입니다. 사실 교세라라는 기업이 책을 읽기전까지 그렇게 대단한 기업인지는 몰랐습니다. 물론 이나모리 가느오 라는 인물도 몰랐구요. 그런데 이 책을 읽다 보니 일본과 전 세계에서 알아주는 기업이더군요. 세라믹에 대해선 전 세계에서 가장 유명한 업체라 볼 수 있겠네요. 일본에서 가장 존경받는 경영자 중 한 사람이며, 파나소닉, 혼다 와 더불어 일본의 3대 기업가에 손 꼽히는 인물이라 합니다. 위에서 이야기한 3대 기업가라는 사람들은 공통점이 있습니다. 스스로 창업해서 세계 굴지의 기업이 되었다는 것이죠. 혼다의 소이치로라는 회장은 자동차 수리공장의 경영자로 출발했고, 교세라의 이나모리 가즈오는 돈이 조금 많았는지 28명의 직원을 데리고 창업을 .. 2014. 8. 8.
[서평] 폰더 씨의 위대한 하루 아이들도 방학에 여름휴가에 기타 여러가지 상황때문에 책을 읽는 시간은 잠들기전 한 시간 정도입니다. 대부분의 아빠들이 그렇듯이 주말엔 또 아이들과 추억을 만들기 위해서 열심히 밖을 돌아다녀야 되지요. 그래서 도서관에 갈 시간도 사실 별로 없습니다. 그래도 한달에 최소한 책을 2권은 읽어야 한다는 저 자신과의 약속이 있기 때문인지는 몰라도 여기 저기서 책을 구할 수 있습니다. 이번에 읽은 책은 저의 본집에 갔다가 동생방에서 우연히 발견한 책입니다. 약 10여년 전에 나왔던 아주 유명한 베스트셀러입니다. 10여년전엔 제가 책을 그다지 많이 보지않던 시기이기에 베스트셀러든 뭐든 거의 책을 읽지 않았습니다. ㅎㅎ; 어쨋든!!!! 이번에 읽은 "폰더 씨의 위대한 하루" 라는 책은 자는 시간까지 줄여가며, 2일만에.. 2014. 7. 27.
신문별 사설 링크 모음 한겨레신문 http://www.hani.co.kr/kisa/section-008001000/home01.html 국민일보 http://news.kmib.co.kr/article/list.asp?sid1=opi 경향신문 http://news.khan.co.kr/kh_news/khan_art_list.html?code=990101 조선일보 http://news.chosun.com/svc/list_in/list.html?catid=617 노컷뉴스 http://www.nocutnews.co.kr/news/?c1=282 중앙일보 http://article.joinsmsn.com/news/list/list.asp?mc=2000001 프레시안 http://www.pressian.com/news/opinion.html.. 2014. 7. 15.
안면도 쥬라기 박물관 나들이 이번 포스팅은 지난번 안면도 여행하고 돌아오는 길에 쥬라기박물관이 있길래 한번 들러봤습니다. 대부분의 아이들이 그렇듯이 막내가 공룡을 아주 좋아해서 겸사겸사 탐사를 해봤습니다. 만약 안면도 펜션에서 하루 숙박을 할 경우 쥬라기 박물관 할인권이 있을텐데 박물관을 들릴거면 꼭 할인권을 챙기세요~ 20%인가 할인을 해준답니다. 아들 녀석때문에 저도 어지간한 공룡이름은 외우는데 위에 보이는 공룡은 뿔이 세개 달린 트리케라톱스 입니다. 그리고 그 옆에 등에 골판이 있는 공룡은 스테고사우루스입니다. 디테일하게 잘 만들어 놓았네요. 위 목이 긴 공룡은 아마도 브라키오사우루스가 맞는듯 합니다. 날이 더워서 그런지 대부분 공룡들을 한번씩만 보고 지나치네요. 노토사우루스라는 화석이네요. 꼭 무슨 벌레처럼 생겼을듯 상상이 .. 2014. 7. 12.

티스토리툴바