자유로운 수짱

윈도우 10 검색창에 예쁜 그림이 노출되네요 ^^; 하지만 미관을 해친다고 생각되므로 없애주겠습니다. 노출 원하지 않는 경우 아래의 과정 진행해주시면 됩니다. 검색창 우측 클릭 > 검색 > 검색 하이라이트 클릭하여 체크 해제 매우 간단하지요!? 검색 아이콘만 남기고 싶다 하시는 경우에는 검색창 우측 클릭 > 검색 > 검색 아이콘 표시에만 체크표시를 남겨주시면 됩니다 :)

며칠 전 컴퓨터에 오피스 프로그램을 깔았더니 그 뒤부터 사진 파일 미리보기가 안되더라고요. (정확한 이유는 모르겠지만요) 그대로 쓸까 싶었는데 이미지 작업하는데 너무 불편해서 해결방법을 검색해보았습니다~!! 미리보기가 안되니까 어찌나 불편한지(눈물) .. 세상에 능력자들이 많으셔서 검색하니 다 나오네요. 저도 기억할 겸 정리할 겸 포스팅을 남겨보겠습니다. 폴더창에서 파일 버튼을 클릭해주세요. 폴더 및 검색 옵션 변경 버튼을 클릭해주세요. 폴더 옵션에서 보기탭을 선택해주세요. 고급설정의 '아이콘은 항상 표시하고 미리 보기는 표시하지 않음' 을 '체크 해제' 하여 확인해주시면 됩니다.

제작 의뢰받다 보면 "반응형 사이트인가요?" 라는 질문을 많이 받습니다. 반응형이라는 것이 정확히 무엇인지 모르시고 반응형이 좋다더라고 말씀하시는 분들도 있으셔서 정리를 해보았습니다. 반응형 홈페이지란?? 무엇에 대한 반응인지를 생각해보면 명확하겠습니다. 사이트가 보여지는 기기에 대한 반응을 의미합니다. 다양한 디바이스가 등장함에 따라서 PC 이외 태블릿, 스마트 폰 등 어떠한 접속 환경에서도 최적화된 화면으로 노출되는지 여부에 따라 반응형 여부를 확인할 수 있습니다. 다음 홈페이지를 예시로 확인해보겠습니다. 반응형으로 제작이 되어있지 않은 경우 모바일(좌)처럼 모바일에서 피씨 화면이 그대로 노출됩니다. 반응형으로 제작이 되어있는 경우 모바일(우)처럼 모바일 최적화 화면이 노출됩니다. 이러한 부분을 고려..

추가)) iOS 14 업데이트시 해당기능 설정 불가능 하게되었다고 합니다 :) 아이폰으로 소리 없이 사진을 찍고 싶은데 앱을 설치하기는 싫고 설치해도 제대로 되는 것 같지 않아서 포기하고 있었습니다. 그런데 저번 주에 아는 동생을 만났더니 대박 아이템이라며 카메라 소리 안나는 방법을 가르쳐 주더라고요. 카페에서 소리없이 사진을 찍을 수 있고 어플 때문에 화질 저하가 되지 않을 수 있다니!! 진짜 최고!! 물론 악의적인 활용을 해서는 안되겠지요. 2020년 최고 발견 TOP 3안에 드는것이 아닌가 생각합니다. (하하) iOS 13.6 단축어의 자동화 기능을 활용한 방법이더라고요. 조건문 작성하는 느낌이네요. 우선 아이폰에서 '단축어'라는 앱을 찾아줍니다. (없으면 앱스토어에서 설치합니다.) 단축어 앱을 켜..

아는 분이 블루호스트에서 워드프레스 기반의 간단한 홈페이지를 운영하고 있습니다. 브랜드명을 변경하면서 도메인 주소를 바꾸기 원해서 그때 제가 도메인 주소를 변경해주었습니다. 하지만 연결하고 보니 도메인 주소를 잘못 샀다고 하더군요^^; (주소의 알파벳을 잘못 보고 샀다고 합니다.) 그래서 이번에 제대로 된 주소로 다시 재연결을 해주었습니다. 저는 주로 국내 호스팅사인 카페24에서 홈페이지 작업을 합니다. 카페24같은 경우는 도메인 주소변경이 너무너무너무 쉽기 때문에 그것만 생각하고 바꿔 주겠다고 말했습니다. 블루호스트라고 뭐 특별히 어렵겠냐 하는 마음으로. 하지만 블루호스트는 사용자가 직접 도메인을 변경하는 것이 불가능합니다. 서비스 센터를 통해서 상담 후 변경이 가능하더라고요. 해외 호스팅사 이므로 영..

해외사이트를 돌아다니면 이미지 확장자가 webp로 확인되는 경우가 종종 있습니다. webp 이미지는 포토샵에서 지원하지 않는 형식이라 이미지 편집이 불가능합니다. 포토샵에서 편집할 수 있도록 jpg 또는 png 파일로 손쉽게 변환하는 사이트를 소개드릴까 합니다! 우선 webp 가 무엇인지부터 알고 갈게요 :) WebP(웹피, weppy) 구글에서 만든 이미지 포맷입니다. 웹 페이지에서 널리 사용되는 jpeg, png, gif 를 하나의 포맷으로 대체하기 위해 개발되었습니다. 웹사이트의 트래필 감소 및 로딩 속도 단축을 겨냥한 것으로, 주로 사진 이미지 압축 효과가 높은 것으로 알려져 있습니다. 화질 저하를 최소화하면서 파일 크기를 축소(같은 품질의 30%대까지 압축)한다고 합니다. 크롬을 중심으로 지원하..

[img tag - 이미지 태그 구성] img 태그는 웹 페이지에 이미지를 노출하기 위해 사용되며 닫힘 태그가 없는 형태입니다. 두 가지 필수 속성이 있습니다. src : 이미지의 경로를 지정 브라우저는 웹 서버에 저장 된 이미지를 가져와 페이지에 삽입하게 됩니다. 이미지가 저장 된 웹서버의 경로를 정확하게 기재하지 않으면 이미지가 정상적으로 노출되지 않습니다. 엑박 표시가 되어버립니다. alt : 이미지의 대체 텍스트 어떤 이유로 이미지가 정상적으로 표시되지 않는 경우(느린 환경, 이미지 경로의 오류, 스크린 리더를 사용하는 등) 이미지의 대체 텍스트가 노출됩니다. 이미지를 정확히 표현하는 문구를 기재하는 것이 좋습니다. [a tag - 링크 태그 구성] link text or link image 링크..

컴퓨터 브라우저나 핸드폰(아이폰) 앱에서 사이트를 접속하면 쿠키와 캐시가 기록됩니다. 이러한 기록은 다음에 해당 사이트에 접속하면 로딩이 빨리 이루어질 수 있도록 도움을 줍니다. 수많은 사이트를 접속하다보면 쿠키와 캐시가 많이 쌓이게 되므로 브라우저나 기기의 로딩 속도가 조금씩 느려질 수 있고, 사용자 정보나 기록이 남아있기 때문에 이러한 부분도 주기적으로 삭제하는 것이 좋습니다. 캐시(Cache) 쿠키(Cookie) 뜻 - 캐시 웹 페이지 요소가 빠르게 랜더링 되어 로딩 속도를 개선하는 것을 목적으로 합니다. 그림 파일 또는 문서 파일 등이 속하며 사용자가 따로 삭제하지 않으면 컴퓨터에 남아있습니다. - 쿠키 정보를 저장하기 위해 사용되며 사용자 정보에 관련된 것을 저장합니다. 방문 기록, 로그인 정보..

[파비콘(favicon)이란?] 파비콘(favorites+icon)은 인터넷 웹 브라우저의 주소창에 접속했을 때, 상단 탭의 왼쪽에 작게 보여지는 아이콘을 말합니다. 즐겨찾기나 바로가기를 설정할 때도 사용되니 웹사이트를 대표하는 아이콘이라고 생각해주시면 됩니다. [아이콘 제작 팁] 제작할 때는 탭의 작은 이미지만을 보고도 어떤 사이트다 하고 파악이 가능하도록 단순성과 색상을 고려하여 제작하는 것이 좋습니다. (웹 사용시 사이트를 인식하도록 하는데 유용합니다.) [파비콘 사이즈와 확장자] 전통적인 파비콘은 16px*16px 정방형 이미지의 ico 파일을 지원하지만 최신 브라우저와 기기들은 png 와 gif 이미지도 허용한다고 합니다. 최신 브라우저와 기기에 모두 대응하기 원한다면, 기기별로 파비콘 사이즈를..