최근 필자가 개발한 웹사이트에서 크롬에서는 되는데 인터넷 익스플로러와 엣지에서는 작동이 안되는 문제점이 발견됐습니다. 바로 아임포트라는 우커머스 결제 플러그인 개발사에서 만든 결제 생성버튼이 작동이 안되고 있었습니다. 개발사에 문제점을 검토해줄 것을 요청했고 그동안 고객들이 사용할 수 있도록 크롬 브라우저를 사용하시라고 안내했습니다. 안내하던중 인터넷 익스플로러를 많이 사용하는데 큰일이라고 하시더군요. 그래서 전세계적으로 인터넷 익스플로러 사용율이 3%정도이고 국내에서는 10% 조금 넘으며 크롬을 제일 많이 사용한다고 말씀을 드렸더니 놀라시더군요. 선입견이란 것이 그렇더군요. 자신이 많이 사용하면 다른 사람들도 많이 사용할 것이라는 것이죠. 최근 들어 인터넷 익스플로러 문제가 많이 발생하면서 이러한 상담..

마이크로소프트사에서 작년 12월 발표한 대로 MS의 새로운 인터넷 브라우저를 크로미엄으로 개발을 시작해 개발 버전이 출시됐습니다. 한참 개발중이며 베타 버전은 아직 출시가 되지 않았지만 개발 버전이 두 종류로 사용해볼 수 있습니다.https://www.microsoftedgeinsider.com/en-us/download/Dev 버전은 매주 업데이트 되고 Canary 버전은 매일 업데이트 됩니다. 개발중인 버전들이므로 컴퓨터와 충돌이 있을 수 있다고 합니다. 의심스러운 경우 베타버전이 나올 때까지 기다리셔도 됩니다. 안타깝게도 현재로서는 윈도우 10 사용자만 사용해 볼 수 있으며 이하 버전이나 맥 버전은 기다리셔야 합니다.Download 버튼을 클릭하면 MicrosoftEdgeSetup.exe 파일이 다..

해킹시도를 가지가지로 하고 있습니다. 제가 이용하고 있는 다음 이메일에서 "저작권 위반 경고합니다"라는 제목의 이메일을 받았는데 열어보니 아래와 같은 내용이었습니다. 안녕하세요!저는 디자이너로 활동하고 있는 김민주라고 합니다제가 제작한 캐릭터는 무료가아니에요.그렇기 때문에, 귀하가 허락없이 이 사진을 이용하면저작권 법률에 위배됩니다저도 실수로 다른 작가들의 이미지를 이용 해봤기 때문에 이해 할수 있습니다.그러나, 이제부터 이 사진을 사용하지 마십시오.저희가 원본과 귀하가 쓰고 있는 사진을 보내겠습니다.확인하고 조처 해주십시오.첨부 파일로 압축파일이 첨부돼있습니다. 제가 이 파일을 열어 압축해제하면 어떤 일이 벌어질까요? 반드시 해킹 프로그램이 설치될 것입니다. 보낸 사람의 의도로 봐서는 제가 웹디자인을 ..

오늘은 의뢰인께서 사이트에 사용할 이미지를 보내주셨는데 이미지는 보기 좋으나 웹페이지 배너에 사용하기 어려운 이미지였습니다. 아래와 같았습니다. 이것이 왜 좋지 않은 이미지인가하면 사진은 자유롭게 잘라서 사용하기 좋도록 피사체를 프레임 안쪽으로 넣어서 찍어야 하는데 코코넛이나 레몬(?)이 프레임에 걸쳐있습니다. 이렇게 되면 웹페이지에서 화면폭 전체를 사용하는 슬라이드 배너에 사용할 수가 없습니다. 상하 높이는 상관 없지만 좌우 폭을 늘려야 하는데 불가능하죠. 사진을 찍은 포토그래퍼도 원본 이미지를 저렇게 찍지는 않았을 것이라 생각하고 원본을 구해보시라고 했지만 위 이미지 뿐이라고 합니다. 결국엔 포토샵을 이용해 편집하는 수밖에 없게됐습니다. 우선 필요한 것이 코코넛 이미지와 레몬 이미지인데 배경이 투명한..

필자는 다수의 웹사이트를 관리하고 있습니다. 이중에는 주로 유지보수 계약을 통해 매년 갱신하면서 관리해주기도 하지만 특별한 경우는 해커의 동향 파악을 위해 무료로 관리해주고 있는 곳도 있습니다. 이 특별한 관리 대상은 웹사이트를 애초에 국내 CMS를 이용해 사용하던중 워드프레스로 전환해 개발한 사례입니다.국내의 CMS는 상당히 보안에 취약하고 보안을 위한 조치도 없었던 모양입니다. 관리자 로그인 아이디는 admin으로 돼있었고 비밀번호는 숫자 몇 개에 불과했습니다. 콘텐츠 이전을 위해 로그인하고 둘러보니 주로 콘텐츠 관리를 위한 도구 뿐이고 워드프레스처럼 보안 플러그인을 설치해 웹사이트 상황을 볼 수 있는 화면도 전혀 없습니다.이런 사이트를 워드프레스로 개발하기 위해 개발사이트로 모든 콘텐츠를 이전한 다..

워드프레스 쇼핑몰의 정기결제 상품이 다양해지고 있습니다. 최근 진행 중인 정기결제 쇼핑몰중 하나는 커피제품이고 다른 하나는 가구입니다. 커피는 매일 소비하는 소모품이다보니 이해가 가지만 가구도 정기결제 상품으로 가능할까? 생각해보니 임대형태로 한다면 가능하지 못할 것도 없더군요. 해외 사이트를 벤치마킹하여 사업 아이템으로 시작하는 경우입니다. 이번 글에서는 제작이 완료된 커피 정기배송 쇼핑몰의 사례를 알아보겠습니다. 홈 페이지 화면입니다. 이번 프로젝트에서는 의뢰인이 일부 페이지는 직접 작업하신다고 하여 코딩 없이 페이지 빌더로 가능한 부분은 이미지만을 사용해 만든 페이지입니다. 사실 텍스트를 반응형 디자인에 맞게 조절하는 것이 작업 분량이 많습니다. 큰 화면에서는 큰 글자로, 작은 모바일에서는 줄이 바..

최근 필자의 티스토리 스킨을 구매하신 고객님이 인터넷 익스플로러에서 스킨이 제대로 보이지 않는다 하여 수정을 요청하셨습니다. 아무리 해도 수정할 방법이 없어서 사용중인 기능을 비활성화 하시라고 안내를 하였지만 결국엔 스킨의 사용을 포기한 것으로 보입니다.국내에서 아직도 많이 사용하고 있는 인터넷 익스플로러(Internet Explorer)는 더 이상 브라우저로서의 기능을 하지 않으니 사용하지 말라고 합니다. 이것은 인터넷 익스플로러의 개발사인 마이크로 소프트의 보안 전문가가 말한 것입니다. https://www.zdnet.com/article/microsoft-security-chief-ie-is-not-a-browser-so-stop-using-it-as-your-default/다만 오래된 웹사이트에서..

워드프레스 쇼핑몰을 많이 제작해봤지만 디지털 상품은 많지는 않습니다. 제가 필요에 의해 티스토리 스킨 쇼핑몰을 만들었고 클라이언트가 요청해 제작한 것은 이번이 처음입니다. 디지털 상품은 배송이라는 과정이 필요 없고 주문 결제 후 바로 다운로드가 가능합니다. 간단한 구조이지만 여러 가지 상품을 한번에 선택해서 바로 결제하는 기능이 필요하기에 이 기능을 위한 플러그인이 필수입니다.평범한 홈 화면입니다. 특별한 기능을 알아보면 다음과 같습니다.전체 교재 검색 화면입니다. 일반쇼핑몰의 Shop 화면에 해당합니다. 제목을 클릭하면 상세페이지로 가지만 방문자에게는 필요 없으므로 링크를 제거했습니다. 관리자에게는 편집을 위해 필요합니다. 모든 상품을 한번에 체크해 장바구니에 넣을 수도 있고 개별적으로 여러 개를 선택..

베트남의 일출 윈도우 10을 사용하면서 로그인화면(Welcome/Lock Screen)에 나타나는 이미지가 참 멋지다는 생각을 하곤 했는데 이 이미지를 블로그에 사용할 수 있을지 구글에 검색해봤습니다. 아래처럼 개인용도라면 얼마든지 사용이 가능하다고 합니다. 상업용 사이트에는 사용이 불가는하다는 얘기죠. https://answers.microsoft.com/en-us/windows/forum/all/windows-spotlight-and-bing-and-windows-10/13a1647c-677c-4781-b88f-dfba2e19290e The Windows 10 wallpaper photo files are owned or licensed by Microsoft for the personal non-c..

이전 글에 이어서 이번 글에서는 환경설정과 SSL 사용에 대해 알아보겠습니다. 환경설정은 앱의 좌측 상단 햄버거 아이콘을 클릭하고 Preferences를 선택합니다. New site Defaults 탭을 선택하고 새 사이트 만들 때 필요한 설정을 합니다. 도메인 서픽스를 많이 사용하는 .com으로 변경합니다. Sites Path의 Browse를 클릭해 사이트가 저장될 폴더를 지정할 수 있습니다. 이 설정으로 인해 새 사이트를 만들 때 시간이 걸리기도 합니다. 나머지는 원하는 설정으로 변경해주면 됩니다. 완료되면 Apply 버튼을 클릭하고 우측 상단의 X 아이콘을 클릭합니다. 사이트 이름에 우클릭하면 메뉴가 나타나며 여러 가지 작업을 할 수 있습니다. Clone을 선택하면 해당 사이트를 복제할 수 있고 S..

워드프레스 웹사이트를 개발하기 위해서는 대부분 개발자의 컴퓨터에서 서버 환경을 만들어 워드프레스를 설치합니다. 제 경우 윈도우 환경이라서 오토셋(Autoset)이나 WAMP 서버를 사용하는데 전혀 새로운 개념의 WAMP 서버가 있어서 소개합니다. 맥 환경에서도 사용할 수 있도록 버전이 별도로 있습니다. https://local.getflywheel.com/ 위 링크로 이동하면 아래와 같은 화면이 나옵니다. 상단의 Download나 Free Download 버튼을 클릭합니다. 정보를 입력하고 하단의 사이트 수(Number of Websites)는 30개 이상을 선택합니다. Get It Now! 버튼을 클릭하면 파일이 다운로드 됩니다. 600MB에 달해서 시간이 30분 정도 걸립니다. exe 파일을 클릭하면..

티스토리 스킨 Flat Kit에 인스타그램 위젯을 추가했습니다. 커버 아이템화해서 홈 페이지에서 원하는 곳에 배치할 수 있습니다. 데모 사이트 : https://martiankr2.tistory.com/ 콘텐츠 영역에 배치하고 썸네일을 4개로 설정한 형태입니다. 썸네일을 클릭하면 큰 이미지로 볼 수 있고 내비게이션도 가능합니다. 동영상도 볼 수 있습니다. 썸네일에서는 커버이미지만 나타나고 클릭하면 동영상으로 나옵니다. 커버 아이템 추가시 인스타그램 슬라이더를 선택하고 콘텐츠는 직접입력을 선택한 다음 타이틀만 입력하고 저장합니다. 옵션에서 인스타그램 UserId와 access Token을 추가해야 합니다. 슬라이드 수는 슬라이드의 위치에 따라 변경할 수 있게 했습니다. 커버 아이템들이 위치하는 곳에서 어느..