IT이야기

  • 픽픽(PicPick)으로 이미지에 워터마크 쉽게 붙히기

    예전에 만능디자인툴 picpick이라는 글로 포스팅을 한 적이 있었는데요. 이 디자인 툴에 새로 알게된 유용한 기능이 하나 있어 소개해 볼까 합니다. 블로거라면 내가 찍은 사진이나 캡쳐한 이미지에 나만의 워터마크를 넣고 싶은 욕구가 있을텐데요. 이 워터마크를 포토샵으로도 넣을 수 있지만 손이 많이가는 것은 피할 수 없는 사실입니다. 또한 워터마크를 붙혀야할 이미지의 양이 많아지면 이 또한 상당하게 귀찮은 […]

  • 구글 크롬을 초기화 하는 방법

    구글 크롬을 오래 사용하다 보면 속도가 느려지거나 프리징이 되버리거나 하는 경우가 종종 있습니다. 이럴때 스마트폰을 공장초기화 하듯이 크롬도 초기화를 할 수 있는데요. 재설치가 아니고 크롬이 있는상태에서 초기화 하는 방법을 포스팅하려고 합니다. 모두 다 사라지는 것은 아니고 북마크는 남아 있으니 안심하시면 됩니다. 크롬 초기화 하기 브라우저의 우측 상단에 있는 설정메뉴 버튼을 클릭합니다. 컨텍스트메뉴 중 하단에 있는 […]

  • 구글 크롬 주소창 검색엔진을 바꿔 보자

    초창기에는 인터넷브라우저로 윈도우즈에 기본으로 설치되어 있는 인터넷 익스플로러(IE)를 많이 사용했었습니다. 하지만 어느 순간부터 그것이 역전되어 이제는 전 세계적으로 크롬브라우저를 더 많이 사용하는 추세가 되었습니다. 아마도 크롬에서 개발한 V8엔진이 자바스크립트 안정적이고 획기적으로 빠르게 처리한다는 것이 알려지면서 부터이지 않을까 합니다. 저도 매인 브라우저로 크롬을 주로 사용하는데요. 크롬의 장점인 주소창에 인터넷 주소가 아니라 검색어를 입력하면 기본 검색엔진인 구글검색을 […]

  • package.json의 종속성을 최신버전으로 업데이트하는 방법

    npm이나 yarn으로 패키지를 추가하게 되면 node_modules폴더에 실제 패키지가 설치되면서 package.json파일에 기록을 하게 됩니다. 일반적으로 npm install 패키지명 –save 이런 명령어를 대부분사용할 텐데요. 그럴경우 package.json의 dependencies와 devDependencies에는 “grunt”: “^1.0.3” 이런식으로 현재 패키지의 최신 버전이 설치가 됩니다. 이렇게 설치된 package.json 파일에 대해 아무리 명령어로 upgrade를 하더라도 해당 버전보다 높은 버전이 설치되지 않습니다. 만약 하려면 일일이 패키지별로 설치를 […]

  • 구글 스프레드시트에서 콤보박스 적용하기

    MS 엑셀을 대체할 만한 제품 중에 구글 스프레드시트는 좋은 대안이 될 수 있습니다. 물론 MS 엑셀의 파워풀한 기능을 모두 사용할 수는 없지만 웬만한 기능은 동일하게 구현이 가능합니다. 더욱이 인터넷만 된다면 어디에서든지 사용할 수 있고 스마트폰에서도 무료로 사용이 가능하기 때문에 상당한 이점이 있습니다. 엑셀의 기능 중에 콤보박스 기능을 구글 스프레드시트에서도 쉽게 구현을 할 수 있습니다.. 콤보박스 […]

  • BMW의 새로운 도전!! 무선충전시스템의 양산

    전기차가 지속적으로 발전을 하고 있고 현재는 한번 충전으로 거의 300km ~ 390km까지 달릴수 있는 차가 대세를 이루고 있는 상황입니다. 그정도 거리면 서울에서 부산까지 편도로 한번 찍을 수 있는 거리인데요. 그것 까지는 대단히 좋은 성과라 할 수 있습니다. 하지만 항상 그 다음이 문제가 되는 것은 그럼 어떻게 다시 서울로 올라오느냐 입니다. 그렇습니다. 바로 충전의 문제 입니다. […]

  • 무료로 아이콘 폰트 사용하기 – XEICON 편

    웹사이트를 개발 시 아이콘을 제작하려고 하는데 딱히 디자이너가 없는경우~, 아이콘을 사용하고 싶은데 라이선스를 구매하기 어려운경우~ 이렇때 고맙게도 무료이면서 간단하게 아이콘을 사용할 수 있는 방법이 있습니다. 대표적으로 폰트어썸이 있지만 우리나라에서도 서비스를 해주는 곳이 있습니다. 바로 XEICON 입니다. XEICON XEICON 홈페이지 바로가기 XEICON은 예전에는 제로보드로 이름을 날렸고 현재는 Xpressengine이라는 브랜드네임으로 서비스를 하고 있는 XE프로젝트에서 Fonts형 아이콘 형태로 […]

  • 완벽한 CSS3 선택자 총정리

    CSS3를 잘 활용하기 위해서는 먼저 선택자를 확실히 알고 넘어가야 합니다. 선택자란 내가 손을 보고자 원하는 HTML테그를 정확히 집어내는 것을 말합니다. 자주 사용하는 선택자의 경우는 잃어버릴 일이 거의 없지만 자주 사용하지 않는 선택자는 잘 생각이 나지 않는경우가 많습니다. 그것을 대비해서 일단 CSS3의 선택자를 정리해 놓으려고 합니다. 제가 잘 활용하려고 정리하는 목적이 크지만 처음보시는 분도 도움이 될 […]

  • CSS3로 타이틀바 꾸미기 5가지

    HTML과 CSS로 탬플릿 디자인을 할때 타이틀 제목으로 사용할 태그에 대해서 미리 꾸며 놓는 경우가 있습니다. 저같은 경우는 블로그를 작성할때 Markdown으로 작성을 하는데 Headline 테그에 미리 CSS로 꾸며 놓으면 쉽고 빠르게 아름다운 글 모양을 나타낼 수 있습니다. 보통 h1 ~ h6 사이의 테그를 크기와 두께 라인 등을 이용하여 꾸밉니다. 아래에 정보를 남기니 참조해서 사용하시면 됩니다. h1 […]

  • 물 위에서의 또다른 삶~ 피라미드형 수상주택

    이탈리아의 디자이너 피에르파올로 라자리니(Pierpaolo Lazzarini)가 마야와 일본 건축에서 영감을 얻은 피라미드 모양의 떠 다니는 수상가옥을 선보였습니다. Waya라고 명명한 수상가옥은 유리 섬유, 탄소 섬유 및 강철로 만들어 지며 모듈형태로 구성되어 있어서 온실 모듈, 호텔 및 영화관 모듈 등 다양한 모듈로 군을 이루는것이 목표라고 합니다. Waya 모듈은 태양열 패널과 수력 터빈에서 모든 전력을 자체적으로 얻습니다 아직까지는 컨셉단계로 […]