워드프레스의 발전으로 이와 관련된 산업은 무한 발전을 이루고 있습니다. 제가 우커머스를 이용한 쇼핑몰 만들기 서적을 출간하면서 처음으로 우커머스의 한글화 작업을 했을 때만해도 관련 플러그인이 수십 개에 불과했습니다. 책에 제대로된 쇼핑몰 만들기 기능을 추가하기 위해서는 플러그인을 소개해야 하는데 그만큼 적었기에 몇 가지 밖에 넣지를 못했습니다. 하지만 요즘은 수만 가지에 이릅니다. 우커머스는 초기에 지고샵이라는 쇼핑몰 플러그인에서 시작됐는데 우커머스 개발자들이 우씸(Woothemes)에 스카우트 되면서 같은 지고샵 플러그인을 우커머스로 대체해 발표했습니다. 이후 지고샵은 쇠퇴하고 우커머스가 발전하게 됩니다. 이것이 가능한 것은 워드프레스와 관련 플러그인은 GPL이기 때문입니다. 이것은 누구든지 GPL 라..
워드프레스의 최신 버전에는 복구모드(Recovery Mode)라는 것이 있습니다. 워드프레스 웹사이트에서 테마나 플러그인의 업데이트 후 또는 업데이트가 되지 않아서 발생하는 문제인데. 이럴 경우 다음과 같은 이메일이 관리자 이메일로 발송됩니다. Howdy! Since WordPress 5.2 there is a built-in feature that detects when a plugin or theme causes a fatal error on your site, and notifies you with this automated email. In this case, WordPress caught an error with one of your plugins, Elementor. First, visit y..
마이크로소프트의 크로미엄 기반 엣지 브라우저가 성공적인 것으로 평가되고 있습니다. 지속적인 업데이트로 개선을 거듭하고 있으며 아직 베타 버전이 나오지 않은 개발단계임에도 불구하고 안정적으로 작동되고 있으며 속도도 구글 크롬보다 빠릅니다. 어떤 사이트는 탭에 나타나는 로딩 아이콘이 보이지 않을 정도로 빠르게 로딩되기도 합니다. 일반인들은 모르겠지만 웹 개발자는 이런 부분을 잘 감지할 수 있습니다. 자주 사용하는 도구인지라 웹 브라우저의 작동에 민감하기 때문이죠. https://www.microsoftedgeinsider.com/en-us/download 최근 맥버전도 출시돼 사용해볼 수 있습니다. 오픈소스 브라우저 프로젝트인 크로미엄을 기반으로 하지만 각 OS에 최적화된 브라우저를 만들고 있으므로 OS 최..
최근 필자가 개발한 웹사이트에서 크롬에서는 되는데 인터넷 익스플로러와 엣지에서는 작동이 안되는 문제점이 발견됐습니다. 바로 아임포트라는 우커머스 결제 플러그인 개발사에서 만든 결제 생성버튼이 작동이 안되고 있었습니다. 개발사에 문제점을 검토해줄 것을 요청했고 그동안 고객들이 사용할 수 있도록 크롬 브라우저를 사용하시라고 안내했습니다. 안내하던중 인터넷 익스플로러를 많이 사용하는데 큰일이라고 하시더군요. 그래서 전세계적으로 인터넷 익스플로러 사용율이 3%정도이고 국내에서는 10% 조금 넘으며 크롬을 제일 많이 사용한다고 말씀을 드렸더니 놀라시더군요. 선입견이란 것이 그렇더군요. 자신이 많이 사용하면 다른 사람들도 많이 사용할 것이라는 것이죠. 최근 들어 인터넷 익스플로러 문제가 많이 발생하면서 이러한 상담..
마이크로소프트사에서 작년 12월 발표한 대로 MS의 새로운 인터넷 브라우저를 크로미엄으로 개발을 시작해 개발 버전이 출시됐습니다. 한참 개발중이며 베타 버전은 아직 출시가 되지 않았지만 개발 버전이 두 종류로 사용해볼 수 있습니다.https://www.microsoftedgeinsider.com/en-us/download/Dev 버전은 매주 업데이트 되고 Canary 버전은 매일 업데이트 됩니다. 개발중인 버전들이므로 컴퓨터와 충돌이 있을 수 있다고 합니다. 의심스러운 경우 베타버전이 나올 때까지 기다리셔도 됩니다. 안타깝게도 현재로서는 윈도우 10 사용자만 사용해 볼 수 있으며 이하 버전이나 맥 버전은 기다리셔야 합니다.Download 버튼을 클릭하면 MicrosoftEdgeSetup.exe 파일이 다..
이전 글에 이어서 이번 글에서는 환경설정과 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 파일을 클릭하면..
워드프레스 5.0 버전이 우여곡절 끝에 RC3 버전 발표와 동시에 공식 릴리즈 날짜를 발표했습니다. 워드프레스 5.0 정식 버전의 출시일은 2018년 12월 6일(목요일), 한국시간으로 12월 7일입니다. 워드프레스 5.0 버전의 정식 출시는 애초에 2018년 11월 19일이었으나 2018년 11월 27일로 늦춰졌고 다시 언제될지 모르는 연기가 있었습니다. 세번의 RC 버전의 출시로 어느정도 안정적으로 작동되는 것으로 발표되긴 했으나 돌발적인 사태가 있을 경우 다시 연기될 것이라고 합니다. 이렇게 늦어지는 이유는 구텐베르그 편집기 때문입니다. 개발자들은 2019년 1월로 연기해야 한다고 주장을 하지만 워드프레스 창립자인 뮬렌베그는 밀어붙이는 모양입니다. 이 편집기가 기본 편집기로 되면서 사용자 측면에서는..
이전 글에 이어 계속 진행합니다. 도메인의 네임서버를 변경했으면 새로운 호스팅에서 DNS 레코드 관리가 가능해집니다. A라는 호스팅 회사에서 도메인을 구입하고 B라는 호스팅 회사에서 호스팅을 이용한다면 A라는 호스팅의 도메인 네임서버를 B의 네임서버로 변경해주고 B의 관리자 화면에서 DNS 레코드를 변경해주는 것입니다. 이 회사는 기술지원 서비스가 없는 대신에 사용자 스스로 작업할 수 있는 환경입니다. 그래서 비용이 싼 것입니다. 1. DNS 레코드 수정 계정 화면에서 DNS 메뉴를 클릭. 도메인 추가하기 버튼을 클릭합니다. 도메인을 입력하고 확인하기 클릭. 네임서버 조회결과 자사 네임서버 확인하고 신청하기 클릭. 시간이 걸린다고 나옵니다. 계정 메뉴를 클릭하고 새로 이전한 도메인이 선택된 상태에서 상세..
고객의 요청으로 호스팅 회사를 접해봤는데 사용해보니 괜찮은 호스팅 회사인 것 같습니다. 가격이 하루에 10원부터 시작하는데 이게 정말 가능한 호스팅일까 해서 좀 더 높은 사양의 호스팅으로 신청을 하고 사용해보니 좀 뭔가 이상하다 싶었는데 설정에서 변경하고나니 좋아졌습니다. 몇 개월째 테스트로 사용중 아주 낮은 가격의 사양으로 쇼핑몰을 만들어봤고 안정적으로 돌아가고 있습니다. 처음 사용한 계정은 하루에 100원짜리 호스팅으로 아래 사이트입니다. 월 3000원 정도 https://diywordpress.co.kr/ 그 다음으로 사용한 계정은 하루 20원짜리 쇼핑몰입니다. 월 천원도 안함. https://martian.kr 연간 만원도 안하는 업계 최저 가격입니다. 그리고 대부분의 연간 만원정도 하는 호스팅의..
유료 템플릿 사이트인 엔바토에서 2018년 10월 19일 현재 1주일간 무료 아이템을 공개합니다. 바로가기 회원가입 해야 다운로드 가능합니다. 1. Flat logo intro 로고를 사용한 애프터 이펙트(After Effect) 인트로 템플릿입니다. 20개의 아이콘 포함입니다. 유투브 인트로에 사용하면 좋습니다. 2. 35 Flat User Icons 35개의 사용자 아이콘(아바타)입니다. 3. Emotional 배경 음악 파일입니다. 이런 무료 파일은 무조건 받아놓으면 언젠가는 쓸데가 있습니다. 엔바토 계정 만들기는 아래의 글을 참고하세요. https://martian36.tistory.com/1436
이번의 회원관리 사이트는 이전의 회원관리 사이트와 비교해서 전체적으로 구조는 비슷합니다. 특이사항을 보면 다음과 같습니다. 1. 학회 참가신청 폼 참가신청을 하고 참가비까지 신용카드로 결제하는 구조입니다. 2. 콘텐츠 빌더 이 사이트는 자료 업로드가 상당히 많습니다. 관리자가 콘텐츠를 손쉽게 업로드할 수 있도록 사용자 정의 필드를 이용해 간단한 구조의 콘텐츠 빌더를 만들었습니다. 사실 첨부파일을 추가하는 기능이 없기 때문에 페이지 빌더의 버튼 기능을 이용하지만 초보자는 사용하기 어렵죠. 여러 종류의 콘텐츠 형태에 따라서 간편하게 추가할 수 있고 동일 형태의 콘텐츠라도 계속 추가할 수 있습니다. 콘텐츠가 있는 곳을 클릭 드래그해서 위치를 변경할 수도 있습니다. 같은 종류의 콘텐츠는 레이블을 추가해 구분할 ..
입력상자(text input box)마다 클릭하면 위처럼 거추장스러운 autocomplete 텍스트가 나타나는데 원하지 않는 것을 제거하는 방법입니다. 입력상자에 클릭하면 제안된 텍스트가 나오고 이때 상하 방향키를 누르면 하이라이트 됩니다. Delete키나 다른 키조합으로 눌러주면 제거됩니다. 크롬의 경우 Shift + Delete 키, 파이어폭스는 Delete키입니다. OS 환경에 따라 다르니 키조합은 Ctrl 키가 될 수도 있고 fn 키가 될 수도 있습니다. 삭제될 때까지 여러 가지 키조합을 찾아서 삭제합니다. 삭제된 후 다른 행도 지우려면 다시 방향키를 누르고 키조합을 이용해 제거하면 됩니다. 위 방법은 일반적인 입력상자의 경우이고 로그인 입력상자는 다릅니다. 로그인 아이디와 비번까지 지우는 방법은..
보안인증서 설치의 의무화가 현실적으로 다가오고 있습니다. 고객의 정보를 수집하거나 처리하는 웹사이트의 경우 보안인증서의 설치는 의무이고 이를 이행하지 않으면 벌금을 물도록 돼있으나 현실적으로 벌금으로 처벌되는 경우를 보지는 못했습니다. 하지만 올해들어 페이스북의 고객정보 도용사건으로 인해 유럽연합에서는 개인정보처리방침의 강화로 이어졌고 구글도 7월부터는 SSL을 설치하지 않은 웹사이트는 도메인 앞에 주의요함(Not Secure)가 표시되고 SEO에서도 감점됩니다. 보안인증서(보안서버, SSL Cetificate)의 역할은 고객이 정보를 입력할 때 웹사이트의 소유자가 이를 알 수 없게 암호화시키는 것을 주로합니다. 예를들어 어떤 해커가 쇼핑몰을 만들어놓고 보안인증서를 설치하지 않은 상태에서 고객의 정보 특..
웹개발을 하다보면 크로스 브라우징은 필수입니다. 모든 브라우저에서 같은 모양의 디자인과 깨짐이 없는 레이아웃이 나와야 하는 것이죠. 가장 문제가 되는 것이 인터넷 익스플로러(IE)입니다. 오랜 기간 독점을 해오다 보니 웹표준을 지키지 않아도 됐기에 표준 코드를 사용하지 않는다 한들 어떤 규제가 없었던 것이죠. 과거 거의 전세계 시장을 90% 이상 차지하던 IE 브라우저 점유율은 속도 빠르고 웹표준을 잘지키는 파이어폭스와 크롬의 출현으로 점유율이 서서히 줄어들다가 이제는 3% 대로 대폭 줄었습니다. 아직도 레이아웃이 이상하게 나타나고 크롬에서는 잘 보이고 작동이 잘되는데 유독 IE에서는 작동이 안되거나 깨져서 나타나고 있습니다. 이런 것을 해결하는 것이 개발자의 일이죠. 오늘은 고객과의 상담중 고객의 고객..
워드프레스 4.9.6이 현재 가능합니다. 이것은 개인정보 및 유지관리 릴리즈입니다. 새로운 개인정보 기능을 사용하려면 업데이트 하시길 권장합니다. 개인정보유럽연합의 일반 데이터보호 규칙(General Data Protection Regulation (GDPR))이 5월 25일부터 발효됩니다. GDPR은 회사 및 사이트 소유자에게 개인 데이터를 어떻게 수집, 이용, 공유하는지에 관해 투명하게 할 것을 요구하고 있습니다. 또한 개인으로 하여금 자신의 개인 데이터가 어떻게 수집, 이용, 공유되는지에 관해 더 많은 접근 및 선택을 부여하고 있습니다.GDPR은 유럽연합의 규칙이지만 그 필수사항은 모든 사이트와 온라인 비지니스가 어디에 위치하는지에 상관없이 유럽연합 거주자에 관한 개인 데이터를 수집, 저장, 처리할..