쵸코쿠키의 연습장

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에 포함된 새..

강력한 테스트 제품군이 있는 프로젝트에서 작업할 때 리포지토리에 푸시하는 모든 작업이 프로젝트의 테스트에 영향을 미치지 않도록 해야 합니다. 즉, git push를 미리 만들기 전에 phpunit을 실행하고 모든 테스트를 통과했는지 확인해야 합니다. 이 튜토리얼에서는 git 리포지토리에 규칙을 추가하여 테스트가 통과되지 않으면 리포지토리에 새 코드를 넣을 수 없도록 하고 이를 위해 git 후크를 사용합니다. Git Hooks Git 후크를 사용하면 git 프로세스의 여러 단계에서 이벤트를 실행할 수 있습니다. 이러한 이벤트에서 명령이 실패할 경우 프로세스를 종료할 명령을 실행할 수 있습니다. 이것들은 사용할 수 있는 git 훅입니다. applypatch-msg commit-msg post-update p..

이 튜토리얼에서는 스테이징 또는 프로덕션 환경에 코드를 배포하는 가장 쉬운 방법에 대해 알아봅니다. 과거에는 FileZilla와 같은 FTP 클라이언트를 사용하는 것이 일반적이었지만, SCP, rsync 또는 배포 도구와 같은 코드를 보다 신뢰할 수 있는 방법으로 배포했기 때문에 이 클라이언트를 사용하는 것이 일반적입니다. 코드를 배포하는 데 도움이 되는 가장 일반적인 도구로는 Anable, Capistrano, Beanstalk, Deploy가 있습니다. 하지만 Git 후크를 사용하여 코드를 배포할 수 있습니다. 즉, Git 푸시만 하면 코드를 배포할 수 있습니다. git push production master 이 포스팅의 목표는 위의 명령을 사용하여 마스터의 코드를 프로덕션 서버에 배포입니다. 필수..

이전에 Github 작업을 사용하여 마스터로 병합할 때, 응용 프로그램에 대한 PHPUnit 테스트 방법에 대해 조사해보았습니다. 테스트가 성공하면 다음 단계는 도커 이미지를 작성하여 리포지토리에 푸시하는 것입니다. 이렇게 하려면 새 워크플로 파일을 생성해야 합니다. 이 파일은 테스트가 성공한 후 실행되어 도커 이미지를 저장소로 푸시해야 합니다. 먼저 워크플로 폴더 .github/workflows/docker.yml에 새 파일을 만들고 해당 파일에 다음 파일을 붙여넣습니다. name: Docker on: push: branches: [ master ] jobs: build: runs-on: ubuntu-latest steps: - name: 'Checkout GitHub Action' uses: acti..

이 튜토리얼에서는 GIT 저장소의 URL을 변경하여 코드를 새 서버 또는 호스트로 이동하는 방법에 대해 알아봅니다. 이 작업에 대해 수행할 수 있는 여러 가지 방법이 있습니다. 원본 URL을 변경하고 모든 항목을 새 리포지토리에 커밋하면 새 서버에서 처음부터 시작할 수 있습니다. 그러나 프로젝트에서 이전 분기와 태그를 모두 잃게 됩니다. 문제가 없는 경우 오리진 URL을 변경해도 괜찮습니다. 대부분 이전 분기를 모두 사용하고 이 튜토리얼을 사용하면 도움이 됩니다. 리포지토리 원본을 변경 먼저 리포지토리의 오리진 URL을 간단히 변경할 수 있는 방법에 대해 설명하겠습니다. GIT가 설정된 프로젝트의 루트에서는 다음 명령만 실행하면 됩니다. git remote set-url origin git://{NEW_..

다음은 키를 사용하여 배열 및 그룹을 만드는 데 사용할 수 있는 도우미 기능입니다. const groupBy = function (data, key) { return data.reduce(function (carry, el) { var group = el[key]; if (carry[group] === undefined) { carry[group] = [] } carry[group].push(el) return carry }, {}) } export { groupBy } 그룹화할 키와 함께 배열을 전달하여 배열에서 이 기능을 사용할 수 있습니다. let array = [ { name: "Name 1", value: 15 }, { name: "Name 1", value: 30 }, { name: "Name..

Google PageSpeed를 통해 웹 사이트를 실행하면 렌더링 차단 파일로 Google 웹 글꼴 스크립트가 강조 표시됩니다. WebFontLoader를 사용하여 비동기식으로 페이지에 웹 글꼴을 로드하여 이 파일에서 렌더 차단을 제거합니다.

코드 분할이라는 웹팩 기능을 살펴 보겠습니다. 코드 분할을 사용하면 기본 JavaScript 파일을 다른 파일로 분할하여 필요할 때마다 느리게 로드하여 기본 JavaScript 파일의 크기를 줄일 수 있습니다. JavaScript 파일이 매우 클 수 있으므로 단일 페이지 애플리케이션을 빌드 할 때 매우 중요한 기능입니다. 즉, 페이지를 시작하기 전에 페이지가 다운로드 될 때까지 기다려야합니다. 코드 분할을 사용하면 코드를 여러 파일로 분할하고 앱에서 페이지를 표시하는 데 필요한 파일만 다운로드 할 수 있습니다. 예를 들어 단일 페이지에서 구성 요소만 사용하는 경우 앱의 모든 페이지에서 해당 구성 요소를 로드할 필요가 없습니다. 코드 분할 Webpack을 사용하면 필요할 때만 해당 구성 요소에 로드가 지연..