Next.js로 Landing Page 만들어보기
프로젝트 시작 메인 화면 구성 https://fullpage.caferati.me/page-two
Read more →Posts with category: 개발
Next.js 시작해보자 1/5 - Next.js App 생성, 페이지 추가, Navigate Between Pages, Link, code splitting, client-side navigation, and prefetching
Gatsby와 함께 핫하다는 를 시도해보려고 한다. Gatsby의 경우 좀더 틀에 박힌 느낌? SpringBoot 처럼 그냥 따라해의 느낌이 강했는데, Next.js는 gatsby에 비해서 좀더 유연하게 React…
Read more →Next.js 시작해보자 2/5 - Assets, Metadata, and CSS
목록 에서는 , 를 지원한다. images, videos를 어떻게 Next.js에 추가하는지 각 페이지의 를 어떻게 customize 하는지 을 사용해서 reusable React component를 만드는지 global CSS…
Read more →Next.js 시작해보자 3/5 - Pre-rendering and Data Fetching
external blog data를 어떻게 불러(fetch)오는지에 대해서 알아본다. 블로그 컨텐츠는 파일 시스템에 저장되지만 컨텐츠가 다른곳에 저장되는 경우 (e.g. databases or Headless CMS…
Read more →Next.js 시작해보자 4/5 - Dynamic Routes
https://nextjs.org/learn/basics/dynamic-routes 블로그 데이터로 index page를 채웠지만 아직 개별 블로그 pages를 만들지 않았다. 이러한 페이지의 URL이 블로그 데이터에 의존하기를 원하므로 dynamic…
Read more →Next.js 시작해보자 5/5 - API Routes
https://nextjs.org/learn/basics/api-routes Node.js serverless function으로 API endpoint…
Read more →Deep Neural Network Models for Recommendation
embedding을 학습하기 위해서 matrix factorization을 사용했다. matrix factorization은 몇가지 한계가 있는데 다음과 같다. side features(query id, item id…
Read more →Gatsby에 Google Adsense를 추가하는 방법 (Netlify add snippet을 선택)
gatsby-plugin-google-adsense 설치 사용하는 방법 애드센스에 사이트 연결 애드센스 계정을 생성하고 사이트 추가 애드센스 코드를 발급 (해당 코드를 붙여넣으라고 하는데 어디에 붙여야 하는거지) 현재 deploy를 netlify…
Read more →Build a Movie Recommendation System
Topic covered: Exploring the MovieLens Data Matrix factorization using SGD Embedding Visualization Regularization in Matrix Factorization…
Read more →Candidate Generation Overview
추천시스템에서 Candidate generation은 첫번째 스테이지 이다. 쿼리가 주어지면 시스템은 relevant candidates을 생성한다. 다음 표는 두 가지 일반적인 후보 생성 방법을 보여준다. 종류 정의 예제 Content-based…
Read more →Collaborative Filtering
content-based filtering의 한계를 해결하기 위해서, collaborative filtering은 users와 items 사이의 similarity를 동시에 사용하여 추천을 한다. 이 방법론은 우연한serendipitous…
Read more →Content-based Filtering
content-based filtering은 item feature를 사용하여 이전 actions이나 explicit feedback을 기반으로 사용자가 좋아하는것과 유사한 다른 항목을 추천 Google Play…
Read more →Google Recommendation Systems
Recommendation Systems components candidate generation scoring re-ranking Candidate Generation generates a much smaller subsets of…
Read more →Matrix Factorization
Matrix factorization은 simple embedding model이다. feedback matrix(m x n)가 주어졌을때, m은 users의 수, n은 items의 수: user embedding matrix를 U (m x d…
Read more →
Tensorflow 데이터 로딩 및 전처리 파이프라인 구현하기
tensorflow를 사용하면서 가장 까다로운 부분이 입력데이터 파이프라인 처리해서 모델까지 데이터 흐르는 구간을 만드는게 아닌가 싶다. 데이터의 양이 많을때, 적을때, 그리고 형태에 따라 다양하게 구현을 해야하기 때문에 A…
Read more →[LeetCode] 1544. Make The String Great (Python)
운좋게 랜덤으로 골랐는데 쉬운 문제가 나왔다. 문제를 읽어보니 recursive로 풀면 될것 같다고 생각했음 leetcode-github
Read more →[LeetCode] 901. Online Stock Span (Python)
https://leetcode.com/problems/online-stock-span/ 문제 이해가… 일부 주식에 대한 일일 시세를 수집하고 현재 날짜의 해당 주식 가격 범위를 반환하는 StockSpanner…
Read more →A/B 테스트 통계적 유의성(statistical significance)과 유의성 검정, p-value의 의미
실험설계 실험설계는 모든 응용 연구 분야에서 통계분석의 토대 실험설계는 어떤 가설을 확인하거나 기각하기 위한 목표 실험설계 가설을 세운다 > 실험을 설계한다 > 데이터 수집 > 추론 및 결론 도출 A/B 검정 그룹 A와 그룹 B…
Read more →A/B 테스트를 위한 이론 정리 (확률, 통계)
통계 추론 전형적인 통계 추론 과정 용어 정리 처리 (treatment) 처리군 (treatment group) 대조군 (control group) 랜덤화 (randomization): 처리를 적용할 대상을 임의로 결정하는 과정 대상 (subject…
Read more →A/B Test Significance in Python
A/B 테스트를 이용해 얻은 지표를 python을 통해서 통계적 유의성을 확보하기 위한 과정 아래와 같은 상황이 주어졌다고 가정해보자 통계적으로 정말 유의미하다고 말할수 있을까? Modeling click through…
Read more →A/B 테스트에서 두 표본평균 사이의 차이를 어떻게 비교할까? (t-distribution와 t-test)
T-분포 는 정규분포와 생김새가 비슷하지만 꼬리 부분이 약간 더 두껍고 길다. 표본통계량의 분포를 설명하는데 광범위하게 사용 표본 평균의 분포는 일반적으로 t분포와 같은 모양, 표본의 크기에 따라 다른 계열의 t…
Read more →[긴급] ES의 index가 자동으로 지워졌다(?) (malware meow bot의 공격)
갑자기 es에 있었던 인덱스에 데이터가 사라졌다! 지금 현재 logstash에서 데이터가 추가되면 es의 index에 데이터를 넣는 구조로 되어있다. 데이터가 사라진게 아니라 인덱스가 지워지고, logstash…
Read more →elasticsearch에서 자주 사용하는 api 모음
을 들어가면 사용가능한 목록이 나온다. check document counts check cluster health
Read more →kibana select your space
Select your space You can change your space at anytime No spaces match search criteria Try restarting Kibana, it might recreate the…
Read more →부동산 REST APIs 설계
아무래도 프론트랑, 백엔드를 같이 구현하다보니, 기능을 하나 추가할때마다 restapi를 하나씩 추가했는데 규칙도 없고, 유지보수도 어려워서 내가 미리 상용할 restapis…
Read more →[ES] 시, 년도별 평균 거래금액 계산하는 쿼리 w/ agg, date_histogram, avg, calendar_interval
에 데이터는 들어있고 이제 쿼리만 짜면 되는데 생각보다 엘라스틱서치의 쿼리가 익숙하지 않아서 삽질을 하는중이다. 로 하면 간단하게 할 수 있을것만 같은 쿼리를! 일단 필요한 구문이 인데 es…
Read more →부동산 개발 계획 (작성중)
현재 부동산 실거래가를 조회하는 페이지를 만들고 있는데 앞으로 어떻게 구현을 할지 기능을 중심으로 계획을 세워보자. Tab 요약 부동산 실거래가 전반적인 내용을 한눈에 확인 지역별/기간별 조회 지역별/기간별로 조회가 가능 (…
Read more →우리가 늘 알고 있다고 생각하지만, 한번 더 확인하면 좋은 git 명령어 및 flow
git을 사용하고 있지만 평소에 궁금했던 또는 사용하지 못했던 기능이 있었을까? 리마인드 한다는 마음으로 git에 대한 내용 용어 및 내용 정리. 순서는 무의미함 merge git add git에서 파일 기록을 추적하도록 추가 .gitignore…
Read more →
node.js Express certbot을 이용해 letsencrypt 무료로 설정하기 (+삽질 과정)
들어가며 현재 로 부동산 관련된 프론트를 구성하고, nodejs를 이용해 data fetch…
Read more →
Gatsby 이미 캡션 스타일 변경하기 (Italic, align, etc)
gatsby에서 image를 추가하기 위해서는 를 사용하게 되는데, 이때 옵션중에 라는 필드가 있는데 해당 필드의 값을 로 변경해주면 markdown…
Read more →SEO 추가해 검색엔진 최적화하기 (opengraph, twitter, ...)
네이버 사이트에 등록하려고 하니 다음과 같이 사이트가 최적화 되어 있지 않다고 상태와 진단 결과를 말해준다. SEO? 모든 사이트에는 페이지의 제목, favicon…
Read more →markdown exerpt가 `...` 표시되는 문제 해결하는 방법
지금까지 잘나오던 의 값이 으로 나오기 시작했다. 살펴보니 한글만 사용하는 경우에는 가 정상적으로 동작하지 않았다. 에서도 해당 이슈를 알고 있었고, 해결하는 방법도 제안해놓은 상태였다. 참고 이슈 https://www.gatsbyjs.org…
Read more →이후 사이트 분석을 위한 Google Analytics를 추가
사용자의 반응을 보는게 이만한게 있을까 싶다. 사용자가 현재 몇명이 들어왔는지까지 보여주니 대단한 구글… 추가로 사이트에 페이지 방문자 수 측정이 가능하다. gatsby-plugin-google-analytics-reporter…
Read more →gatsby plugin을 통해 advanced sitemap 추가하는 방법
사이트맵이란? 우리의 사이트가 어떤 구조로 글이 작성되어 있는지 지도를 보여주는 것으로 이해하면 간단하다. 인터넷상에는 여러개의 봇(bot…
Read more →Gatsby에서 Typography를 이용해 폰트를 변경하는 방법
기본으로 가 마음에 들지 않아 변경을 하고자 한다. 이미 gatsby에서 제공하는 수 많은 에서 에 관련된게 없을리가 없지 하고 찾아보니 https://www.gatsbyjs.org/docs/typography-js…
Read more →Netlify에 Gatsby 블로그 무료로 배포 및 호스팅, 어디까지 무료로 가능할까?
gatsby로 사이트를 생성하고, 생성한 사이트를 어디에 어떻게 올려서 서비스(?)를 제공할 수 있을지에 대한 내용을 다뤄볼까 한다. 이번에 블로그를 새로 만들면서 아래와 같이 몇가지(……
Read more →
All categories
