그냥 개발자 블로그

워크식스의 파트너인 스쿨호스팅에서 도메인과 호스팅 신청 방법을 안내드립니다. 도메인 및 호스팅 신청 준비하기 우선 도메인과 호스팅 신청을 위해서 가입이 필요 합니다. [스쿨호스팅 가입하기] 가입이 완료되면 다시 로그인 합니다. 도메인 신청 방법 로그인한 상태에서 메뉴 중 '도메인 > 도메인등록'으로 이동 합니다. 영문에 원하는 도메인을 입력 검색 합니다. 예를 들어 work6.kr 이면 work6 만 입력 합니다. (한글 도메인이 경우 영문 도메인에 비해서 각종 서비스가 제한되오니 추천드리지 않습니다.) 검색결과에서 등록가능이라고 되어 있는 것중에 원하시는 도메인을 체크 합니다. 도메인을 많이 체크할수록 비용이 올라 갑니다. (등록불가는 이미 누가 사용중인 것 입니다.) 신청도메인에서 정보숨김을 체크 합..

많은 슬라이드 배너 관련 플러그인들이 많으며, 이를 이용하는게 시간적인 측면에서도 효율적 입니다. 그러나 때때로 제작하는 사이트에 맞지 않아 직접 슬라이드 배너를 제작해야 할때가 있습니다. 많은 분들이 슬라이드 배너 직접 제작을 어려워 하십니다. 하지만 원리만 알고 자바스크립트 또는 제이쿼리를 다룰 능력이 된다면 이를 제작하는 방법은 쉽습니다. 이번 글에서 2017/08/18 - [IT] - [워크식스] 웹디자인기능사 실기 (좌로 흘러가는 슬라이드 편) 를 기준으로 슬라이드 배너 제작 원리를 그림을 통해 쉽게 알려드리겠습니다. 3개의 이미지가 있습니다.3개의 이미지를 div와 같은 엘리먼트로 감싸줍니다. 우리는 이를 컨테이너라고 하겠습니다. 그리고 컨테이너를 또 다시 div와 같은 엘리먼트로 감싸줍니다...

php에서는 html을 파싱하기 위해서 simple_html_dom 플러그인을 많이 사용되고 있습니다. 그러나 simple_html_dom을 이용하여 파싱을 할수 없거나 자바스크립트로 인해 원하는 결과를 얻어 올수 없을때가 있습니다. 이럴때 curl 을 이용한 파싱이 도움이 됩니다. $url = "http://www.example.com";$ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url);curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);curl_setopt($ch, CURLOPT_HTTPAUTH, CURLAUTH_BASIC); $output = curl_exec($ch);$info = curl_getinfo($ch); c..

프리미엄 브랜드들이 안경, 슈즈, 신발, 아웃도어 등 내게 꼭 맞는 소량의 커스텀 제품들을 선보이고 있습니다. 아디다스에서도 커스텀슈즈를 선보이고 있는데요. 이에 발 맞춰 슈즈를 내가 원하는 컬러로 커스텀하여 웹에서 샘플을 볼수 있는 기능을 만들었습니다. 다음은 테스트 영상 입니다. 사용자가 원하는 컬러를 선택하면 해당 부분의 컬러가 변합니다. 웹 개발 도구(html, css, javascript)들로만 제작 되었으며, html5를 지원하는 익스플로러11, 엣지, 크롬, 사파리 브라우저들을 지원합니다. 위 기능에 대해서 궁금한점은 아래 링크에서 문의 바랍니다. [문의하기] copyright ⓒ 2017. 워크식스

네이버 검색에서 자동완성에 검색어는 자동으로 만들어지고 있다는 사실은 모두가 알고 있습니다. 사용자들의 행동이나 검색어를 분석하여 영향력 있는 검색어를 프로그램이 자동으로 등록됩니다.그래서 의도적으로 자동완성에 검색어를 올릴수 없습니다. 그런데 어느날 워크식스 브랜드의 공식 블로그가 자동완성에 나타났습니다.매일같이 블로그에 양질의 콘텐츠를 작성하기 위해 노력 했는데 이런 결과가 나와서 매우 흡족 하였습니다. 몇 년간 브랜드를 알리기위해서 노력한 결과가 서서히 나타나는 것 같아 그 동안의 고생스러움이 눈 녹듯 사라졌습니다.다음은 네이버에서 검색어로 '워크식스'를 입력하자 자동완성 검색어로 '워크식스 블로그'가 나오는 모습입니다. 기록을 위해서 캡처 했습니다. copyright ⓒ 2017. 워크식스

'좌에서 우로 흘러가는 슬라이드를 어떻게 만들어야 하나요?' 라는 질문이 있어서 이번 글과 영상을 제작하게 되었습니다. jquery를 이용한 슬라이드를 제작할때 우선 원리를 생각해봐야 합니다. 동작하는 방식에 따라 제작 방법이 모두 다르기 때문 입니다. jquery 슬라이드 제작에는 논리적인 사고가 필요 합니다. 우선 생각의 정리가 필요 합니다. 이번 경우는 container 안에 div를 float으로 일렬로 나열시켜서 동작을 시켜 볼겁니다. 1. 슬라이드가 시작되기 전에 3번째 div를 1번째 div 앞으로 가져와서 배너의 순서를 3,1,2 로 바꿔준다. 2. 슬라이드가 동작되면 3번째 div에 margin-left에 -(마이너스)값을 줘서 좌측으로 0.6초간 서서히 이동시킨다. (나머지 1,2는 자..

웹디자인기능사 실기를 준비중에 과연 내가 몇점으로 합격할까 궁금할것 입니다. 웹디자인기능사 실기에 합격과 불합격을 가르며 영향이 가장 큰 부분은 w3c 검사 입니다. 따라서 w3c 검사를 통해서 오류를 찾아내고 이를 수정할 수 있는 능력을 키운다면 날이 갈수록 실력이 증가하여 w3c 검사를 더 이상하지 않아도 될정도로 발전 할 수 있습니다. 이는 실무에도 도움이 됩니다. 오류를 찾아내고 수정하는 과정을 디버깅 한다고 합니다. 다음은 w3c 검사를 어떻게 하는지 검사한 결과를 가지고 어떻게 디버깅 해가는지를 보여드리기 위해서 제작한 유튜브 영상 입니다. (유튜브에서 더욱 큰 화면으로 보실 수 있습니다.) 웹디자인기능사 실기 디버깅 팁 1. w3c를 통해서 오류가 확인 되었다면 오류 내용중 가장 아래 내용 ..

웹디자인기능사 실기에서 무엇보다 중요한것은 퍼블리싱 입니다. 퍼블리싱 결과물에 따라서 합격과 불합격이 결정 되는데요. 실기 시험을 보시는 분들을 위해서 4시간의 동일한 조건으로 난이도 테스트를 진행하였습니다. 앞서 '[워크식스] 웹디자인기능사 실기 (디자인편)'에 이어서 진행했으며 퍼블리싱 + 자바스크립트 포함하여 약 60분의 시간이 걸렸습니다. 디자인 시간을 포함하면 1시간 50분이 걸린셈 입니다. 테스트 과정은 영상으로 남겨 유튜브에 업로드 하였습니다. 저는 테스트 과정중 아톰이라는 에디터 프로그램을 사용하였습니다. 다른 에디터들과 다른점이 크게 없습니다. '[워크식스] 웹디자인기능사 실기 (디버깅편)' 영상 제작을 위하여 html 소스를 일부러 틀리게 작성한 부분이 있으니 참고하여 보시기 바랍니다...