쵸코쿠키의 연습장

대부분의 사람들은 응용 프로그램에서 jQuery 라이브러리 jQuery UI를 사용하므로 colour picker, sliders, accodrions, dialog boxes, menus, progress bars로 구성된 유용한 요소에 액세스 할 수 있습니다. jQuery UI 라이브러리에 있는 가장 유용한 요소 중 하나는 자동 완성 요소입니다. jQuery UI 자동 완성 기능은 자동 완성 텍스트 상자에 텍스트를 입력 할 때 검색되는 여러 옵션으로 채울 수 있는 Javascript 객체를 먼저 생성하여 작동합니다. Tags: HTML5와 함께 제공되는 많은 새로운 기능이 대부분 추가 Javascript API를 사용하고 다른 기능은 양식 유효성 검증과 같은 Javascript를 사용하는 기존 기능을..

Facebook과 같은 소셜 네트워크에서 게시물을 공유하면 공유중인 URL을 스캔하고 특정 정보를 반환하여 피드에 페이지를 표시합니다. Facebook은 페이지 제목, 페이지 설명 및 페이지 축소판 이미지를 받습니다. open graph meta tags를 사용하여 Facebook이 얻는 정보를 변경할 수 있습니다. 이들은 단순히 페이지의 헤드 태그에 추가 할 수 있는 메타 태그이며, Facebook에서 페이지를 스캔하여 제목, 설명 및 이미지를 검색 할 때 해당 태그를 검색 할 경우 태그의 내용을 대신 사용합니다. 페이지 제목 즉, Facebook에 대해서만 페이지 제목을 완전히 사용자 정의 할 수 있습니다. Twitter에는 Twitter에서 메시지를 사용자 정의하는 데 사용할 수있는 메타 태그도 있..

체크박스의 문제는 선택하지 않으면 form과 함께 post되지 않는다는 것입니다. 체크박스를 선택하고 form을 게시하면 $ _POST 변수에 체크박스의 값이 표시되며, 이 확인란을 선택 취소하면 $ _POST 변수에 값이 추가되지 않습니다. PHP에서는 일반적으로 체크박스 요소에서 isset () 검사를 수행하여 이 문제를 해결할 수 있습니다. 예상한 요소가 $ _POST 변수에 설정되어 있지 않으면 확인란이 선택되어 있지 않으며 값이 false 일 수 있습니다. if(!isset($_POST['checkbox1'])) { $checkboxValue = false; } else { $checkboxValue = $_POST['checkbox1']; } 그러나 동적 양식을 만든 경우 체크박스의 이름 속성..

Mean Absolute Error(MAE) 가장 간단한 측정법은 절대 오차 또는 MAE를 의미합니다. 여기에는 계산 방법에 대한 공상적이고 수학적인 방정식이 있습니다. 외관상 그렇게 복잡하지는 않으므로 분해해보겠습니다. 테스트 세트에 N 개의 등급이 있다고 가정합니다. 각 평가에 대해 평가 또는 시스템 예측 y를 호출하고 사용자가 실제로 부여한 평가 x를 평가할 수 있습니다. 두 평가 사이의 차이의 절대 값을 취하여 해당 평가 예측에 대한 오차를 측정합니다. 테스트 세트의 모든 n 등급에 걸쳐 이러한 오류를 합산하고 평균을 얻기 위해 나눈 값으로 나눕니다. 따라서 절대 오차는 정확히, 즉, 예측에서 각 오차의 평균 또는 평균 절대 값입니다. 오류가 나쁘므로 최고 점수가 아닌 최저 MAE 점수를 원합니다..

새로운 웹 디자인 작업을 할 때 고려해야 할 사항 중 하나는 반응 형 디자인입니다. 만들려는 웹 사이트가 반응형 디자인이 필요할 수 있습니다. 모든 외부 사이트는 반응형 디자인을 고려해야한다고 생각합니다. 모바일 장치 사용자가 원하는 것을 확대하여 볼 수 있기 때문에 반응형 디자인이 가치가 없다고 생각하는 사람들이 있지만 개발자가 모든 장치에서 웹 사이트를 쉽게 사용할 수 있어야 한다고 생각합니다. 반응형 디자인이란 반응형 디자인은 웹 사이트 디자인이 보고있는 장치의 너비와 높이에 적응할 수 있는 경우입니다. 반응형 디자인은 CSS 파일에서 미디어 쿼리를 사용하여 설정 한 특정 중단 점에 따라 HTML 요소의 스타일을 변경하여 수행됩니다. 일부 요소에 간단한 너비 : 100 % 만 추가하면 모바일 장치에..

HTML5 속성에 placeholder와 같이 HTML5와 함께 제공되는 많은 추가 기능이 있으며 필수 기능입니다. Hidden 속성 Hidden 속성은 이 속성이 있는 요소를 숨기는 모든 요소에 사용할 수 있습니다. 사용 방법은 다음과 같습니다. display: none; 차이점은 디스플레이로 요소를 스타일링하는 것보다 요소에 숨겨진 속성을 배치하는 것이 더 의미가 있다는 것입니다. 브라우저가 HTML5 Hidden 속성을 지원하지 않으면 CSS 파일에서 대체해서 사용할 수 있습니다. *[hidden] { display: none; } Spellcheck 속성 맞춤법 검사 속성은 사용자가 텍스트 상자나 텍스트 영역 안에 입력한 텍스트의 클라이언트 쪽 맞춤법 검사를 수행합니다. 현재 맞춤법 검사는 다음에..

Train / Test 추천 시스템이 과학만큼 예술적이라는 이유의 대부분은 자신이 얼마나 좋은지 측정하기가 어렵다는 것입니다. 결과에 어떤 미적 품질이 있으며 결과가 좋은 것으로 간주하는지 여부는 말하기가 어렵습니다. 특히 오프라인에서 알고리즘을 개발하는 경우, 추천 시스템의 품질을 측정하기 위해 다양한 방법을 고안한 경우가 많으며, 종종 서로 다른 측정 값이 서로 상충 될 수 있습니다. 먼저 시스템을 오프라인에서 추천 시스템을 테스트하는 방법론에 대해 이야기 해보겠습니다. 머신 러닝을 해본 경험이 있다면, Train/Test 스플릿 개념에 익숙 할 것입니다. 추천 시스템은 사전 사용자 행동을 사용하여 학습 한 다음 이를 사용하여 새로운 사용자가 좋아할만한 항목에 대한 예측을 합니다. 따라서 적어도 다른..

Top-N 추천 지금까지 살펴본 모든 추천 시스템은 top-N 추천자 시스템이라고 불리는 것입니다. 즉, 임무는 주어진 사람에게 제시 할 가장 좋은 것들의 유한한 목록을 만드는 것입니다. 다음은 Amazon에서 내 음악 권장 사항을 보여 주며 페이지 당 5 개의 결과 중 20 페이지로 구성되어 있음을 알 수 있습니다. 이것은 N이 100 인 상위 N 추천입니다. 보시다시피, 많은 추천 시스템 리서치는 사용자가 아직 평가하지 않았거나 좋지 않은 것에 대한 사용자의 등급을 예측하는 문제에 초점을 맞추려고 하지만 실제 세계에서 추천 시스템이 하는 것과는 매우 다릅니다. 이 위젯에 표시되는 등급이 다른 사용자의 총 평점이며 시스템이 제공 할 것으로 생각하는 등급이 아닌 이유는 고객이 자신의 등급을 예측할 수 있..

일반적으로 전화 번호는 방문자에게 상호 작용을 제공하지 않는 정적 숫자 텍스트로 웹 페이지에 추가됩니다. 점점 더 많은 사람들이 휴대 전화에서 인터넷을 사용하면서 전화 번호를 클릭 가능한 영역으로 변경하여 휴대 전화에서 직접 전화 번호로 전화를 걸 차례입니다. 휴대 전화에서 여러 웹 페이지로 전화를 걸려면 전화 번호를 복사하여 휴대 전화에 붙여 넣어 다이얼해야합니다. 이 새로운 기능을 사용하면 이메일과 마찬가지로 전화 번호 링크를 통해 전화를 걸 수 있습니다. 방문자가 웹 페이지에서 직접 이메일을 보내도록하려면 페이지에 링크를 만들고 href :에서 mailto :를 사용하십시오. Example Email 이 링크를 클릭하면 기본 메일 클라이언트가 열리고 전자 메일 주소로 채워진받는 사람 주소가 href..

HTML5는 새로운 것이 아니며 모든 사람들이 들어 보았지만 사람들이 모르는 HTML5의 일부 기능이 있습니다. 대부분의 사람들은 모든 HTML5가 문서에서 사용할 수 있는 header, footer, nav, article, section과 같은 태그라고 생각하지만 많은 사람들은 개발자가 사용할 수 있는 멋진 새 기능 중 일부를 알지 못합니다. Geolocation API HTML5 Details Tag HTML5 Form features HTML5 Form Validation HTML5 Placeholders notification API라는 HTML5의 새로운 기능을 살펴 보겠습니다. Gmail 탭이 열려있는 경우 이 기능을 가장 많이 사용하는 것은 Gmail에서 새 이메일을 알리는 것입니다. 화면..

Pinterest는 소셜 미디어 세계에서 가장 최신의 사이트이며, 이 사이트는 이미지 공유 소셜 네트워크입니다. 사용자가 모든 웹 사이트에서 이미지를 고정하여 팔로어와 공유 할 수 있습니다. Pinterest의 저작권 문제에 대해 많은 이야기가 있었습니다. 예를 들어 사진 작가는 이제 인터넷을 통해 이미지를 공유 할 수 있습니다. 이미지 마케팅에 유용하지만 Pinterest에서 공유하고 싶지 않은 이미지가 있는 경우 어떻게해야 할까요? Pinterest에서 이미지를 공유하고 싶지 않을 때 공유되는 이미지에 대해 불평하기 시작한 일부 사용자는 이러한 이유로 Pinterest는 사용자가 사이트에서 이미지를 가져가지 못하도록 메타 태그를 만들었습니다. Pinterest 사용자가 귀하의 콘텐츠를 가져가지 못하게..

명시적으로 추천 시스템의 작동 원리는 모든 고객 또는 웹 사이트 방문자 또는 서로 데이터를 공유하는 웹 사이트 네트워크까지 이해하는 것이 좋습니다. 추천 시스템은 모든 사용자에 대한 일종의 데이터로 시작합니다. 사용자의 개인 취향과 관심사를 파악하는 데 사용할 수 있습니다. 그러면 자신에 대한 데이터를 원하는 다른 사람의 집단 행동과 병합하여 원하는 것을 추천 할 수 있습니다. 그러나 자신의 고유 관심사에 대한 데이터는 어디에서 왔을까요? 예를 들어 사용자에게 1 ~ 5 개의 등급으로 이와 같은 온라인 강의를 평가하도록 요청하거나 그들이 좋아하는 것 또는 엄지 위로 또는 아래로 엄지 손가락으로 콘텐츠의 등급을 매기도록 요청하는 경우입니다. 명시 적으로 사용자에게 질문하고, 보고있는 것이 마음에 드십니까?..

Geolocation API를 사용하여 현재 위도 및 경도를 얻는 방법을 배우고 이 결과에서 Google Maps API에 연결하여 브라우저에 위치를 표시 할 수 있습니다. The Geolocation API Geolocation API는 방문자의 위치 정보를 얻는 데 사용되는 인터페이스를 정의합니다. 이 인터페이스에서 현재 방문자의 위도와 경도를 반환 할 수 있습니다. 위치의 일반적인 출처는 GPS 또는 IP 주소입니다. 이 API는 방문자의 현재 위치를 표시하므로 개인 정보 보호 문제가 될 수 있으므로 이 API는 방문자의 권한으로만 작동합니다. Geolocation API Browser Support 지리적 위치는 다음 브라우저에서 지원됩니다. Google Chrome Firefox 3.5 and ..

HTML5와 함께 제공되는 새로운 기능 중 일부에 대해 알아보았습니다. HTML5 Form 및 HTML5 placeholders와 함께 몇 가지 새로운 기능을 살펴 보았습니다. 오늘의 튜토리얼에서는 Details라는 또 다른 HTML5 태그를 조사 할 것입니다. 세부 정보 태그는 클릭을 쉽게 구현하여 더 많은 기능을 표시하는 데 사용됩니다. 태그 안에 제목과 내용을 추가 할 수 있으며, 사용자가 제목을 클릭 할 때까지 내용이 숨겨지고 내용이 표시됩니다. 제목을 클릭하면 토글에서 작동하므로 내용이 다시 숨겨집니다. 이 포스팅에서는 HTML5에서 이 기능을 사용하는 것이 얼마나 쉬운 지, jQuery를 사용하여 다시 작성하는 방법에 대해 학습합니다. detalis 태그에는 클릭하면 나머지 내용이 표시되는 제..

Favicon이란? favicon('즐겨찾기 아이콘'의 줄임말)은 대부분의 브라우저의 URL 표시줄에 있는 사이트 이름 옆에 있는 특정 웹 사이트와 연결된 작은 아이콘입니다. 웹 사이트를 쉽게 알 수 있도록 브라우저의 탭에도 나타납니다. Gravatar 그라바타(Gravatar)는 다른 사이트로 이동하는 이미지이며, 이름 옆에 이미지로 나타날 것입니다. 만약 블로그에 댓글을 달면, 그들은 그라바타를 사용하여 개인화된 이미지를 보여줄 수 있을 것입니다. 그라바타는 사람들이 여러분의 이미지에 익숙해지도록 도와줍니다. 그라바타르는 이메일 주소에 연결되어 있기 때문에 만약 다른 블로그에서 같은 이메일 주소를 사용한다면 같은 그라바타를 갖게 될 것입니다. 텀블러 블로그에서 그라바타를 favicon으로 사용할 것입..

코드와 알고리즘을 배우기 전에, 추천 시스템에 대해 알아보도록 하겠습니다. 매일 시스템을 접하고 생각조차하지 않을 수도 있습니다. 예를 들어, 최근에 가스 구동 발전기를 구입했는데 Amazon은 자동으로 스타터 유체 및 모터 오일과 같은 것을 추천합니다. 이러한 권장 사항이 얼마나 효과적인지 놀랄 수 있습니다. 수십억 달러가 그 결과로 사람들이 필요한 것을 찾는 데 도움을 주었습니다. 아름다운 점은 모든 데이터 중심이라는 것입니다. 추천 시스템은 사용자 간 및 항목 간 관계를 찾을 수 있습니다. 일반적으로 인간의 큐레이션은 전혀 없으며 통계적으로 발전기를 구입하는 사람들은 스타터 유체를 구입하여 사용할 수 있음을 알고 있습니다. 사람들이 원하는 것을 알기 전에 원하는 것을 보여주기 위한 역사적 패턴입니다..

많은 사람들이 추천 시스템이 무엇인지 모르고 공부를 시작하는 경우가 많습니다. 그리고 어떤 것이 필요할 지에 대해 잘못된 기대를 하기도 합니다. 추천 시스템 혼동 추천 시스템이 정확히 무엇인지 알아보아야 합니다. 그러기 전에 먼저 추천 시스템이 아닌 것에 대해 알아야 할 필요가 있습니다. 단지 임의적인 문제에 대해 임의의 값을 추천하는 시스템이 아닙니다. 그러니 너무 많은 것에 추천 시스템 이름을 붙이면 안됩니다. 추천시스템은 매우 특정한 종류의 머신러닝 시스템입니다. 하지만 기계 학습을 설명하는 임의적인 문제에 대해 값만 추천하는 시스템은 추천시스템이 아니기 때문에 용어를 약간 혼동할 수 있습니다. 예시 예를 들어, 견적을 내는 시스템을 찾고 있다면 집이 얼마나 큰지, 이웃과 모든 것을 기준으로 집값을..

HTML5를 사용한 오디오와 비디오 임베딩 등 HTML5와 함께 제공되는 새로운 기능들을 놓쳤는데, 가장 흥미롭게 생각하는 기능 중 하나는 새로운 HTML5 form 기능입니다. HTML5에는 양식과 관련된 많은 새로운 것들이 함께 제공됩니다. Javascript와 양식, 대부분의 작업을 HTML5로 수행할 수 있습니다. 이제 검증, 날짜 선택기, 슬라이더, 색상 선택기 등을 쉽게 추가할 수 있습니다. HTML5 양식과 함께 새로운 입력 유형이 함께 제공됩니다. 이전 HTML에서는 텍스트, 확인란, 라디오, 단추 및 제출과 같은 정보를 얻을 수 있습니다. 하지만 이제 입력 유형이 더 많아졌습니다. 새로운 입력 유형에는 다음이 포함됩니다. 웹 사이트의 검색 필드에서 사용된 search는 표준 텍스트 입력 ..

HTML5란 무엇인가?라는 기사에서 HTML5와 함께 제공되는 새로운 기능들을 몇 가지 언급했습니다. HTML5의 장점 중 하나는 HTML form의 기능입니다. HTML5의 이점은 HTML form에 JavaScript를 추가할 필요가 없다는 것입니다. 일반적으로 HTML form에는 항상 수행해야 하는 많은 작업이 있습니다. 주요 내용은 항상 유효성 검사 양식에는 항상 클라이언트 쪽 유효성 검사가 있어야 하지만 다른 form에는 날짜 선택기와 placeholders가 있습니다. Placeholders는 HTML5에서 매우 유용한 기능입니다. 이 특성은 기본 텍스트가 비어 있을 때 양식 입력에 표시되지만 포커스가 제거되는 속성입니다. 이 기능은 이전 HTML에서 JavaScript를 사용하여 수동으로 ..

HTML5는 HTML의 다음 버전입니다. HTML을 더욱 쉽게 만들 새로운 기능들을 소개할 것입니다. 웹 사이트 레이아웃을 코더와 검색 엔진 모두에 보다 명확하게 해주는 기능을 도입하는 것입니다. header, footer, nav, article 태그 때문에 검색 엔진에 도움이 될 수 있습니다. 웹 사이트의 주요 영역을 정의하는 새로 도입된 태그입니다. 검색 엔진에 사이트를 탐색하기 위해 Navigation이 링크를 보유할 수 있는 경우, 검색 엔진은 이 섹션의 모든 링크를 사용할 수 있습니다. Content가 페이지에서 가장 중요한 부분이기 때문에 article 태그가 가장 중요한 태그일 수 있습니다. 검색 엔진에서 이 영역이 모든 콘텐츠의 location임을 알 수 있습니다. HTML5에 포함된 새..