LINER와 함께하는 쾌적한 정보 탐색 여정

안녕하세요. 프론트엔드 엔지니어로 근무 중인 제제입니다 🙂 벌써 LINER와 함께한지 1년이 지났다는게 감개무량하네요. 그동안 가입전환율 증대, SEO 프로젝트 등을 진행하며 주로 몸 담았던 웹 플랫폼을 뒤로하고, 브라우저 익스텐션에 입성한 저의 브라우저 익스텐션 데뷔글을 재밌게 읽어주시길 바랍니다! 이런 경험 없으셨나요? 구글 검색 결과에서 원하는 정보를 찾지 못해 좌절하거나, 수십개의 사이트를 방문한 더보기…

양질 중 우선시 되어야 하는 것은? Quality!

개요 안녕하세요, 머신러닝 엔지니어로 근무 중인 카터입니다! 이번 포스트에서는 세상에 존재하는 모든 텍스트 컨텐츠가 적재될 수 있는 라이너에서 사용자에게 양질의 추천을 제공하기 위해 컨텐츠 필터링을 어떤 식으로 수행하고 있는지, 그리고 앞으로 어떻게 발전시키고자 하는지에 대해 소개드리고자 합니다. 라이너는 사용자의 텍스트 하이라이트 이벤트를 추천 모델링을 위한 사용자 피드백으로 적극 활용하고 있습니다. 더보기…

SNS에 하이라이트 공유 기능 추가하기

안녕하세요? LINER 팀에서 브라우저 익스텐션 개발을 맡고 있는 마크입니다! 확장 프로그램이라고도 불리는 ‘브라우저 익스텐션’은 웹 브라우저의 기존 동작을 변경하거나 완전히 새로운 기능을 추가할 수 있는 무궁무진한 웹 브라우저용 프로그램입니다. LINER 팀의 대표적인 프로덕트도 브라우저 익스텐션이에요. 👉 브라우저 익스텐션에 대해 좀 더 알고 싶다면?https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions 입사하고 한 달 정도 지날 무렵, 처음으로 더보기…

최고의 아키텍처는 무엇일까?

Silver Bullet이 있을까 설계를 하고 코드를 짜다보면 항상 드는 생각이 있다. 이 문제에 대한 최고의 답이 존재할까? 개발자로서 처음으로 일을 시작할 때에도 그리고 지금도 계속해서 하는 생각이다. 이 일을 오래하게 된다면 언젠가는 알게되지 않을까 어렴풋이 생각했던 것 같다. 코드 한줄의 레벨에서도 무엇이 정답일지 고민했고 설계 레벨에서도 마찬가지의 고민을 이어갔다. 그렇게 더보기…

라이너 홈의 모바일에 대응하는 자세

안녕하세요, LINER에서 Web Frontend를 담당하고 있는 제니🍑입니다. 이번 알파 스프린트는 유난히 힘들었는데요 LINER Web Home의 모바일 대응을 위해 이것저것 코드를 많이 뒤집어 엎었던(?) 과정을 이번에 공유해 드릴까 합니다. LINER Web Home 이제 desktop에서 뿐만 아니라 Tablet, Mobile의 창 크기에 맞는 유연한 디자인으로, 그 어떤 기기에서도 라이너가 추천해주는 맞춤형 피드들을 보고, 더보기…

컬러 라벨, 테마 백엔드 설계하기

안녕하세요, LINER에서 Web Frontend를 담당하고 있는 제니🍑입니다. 벌써 라이너라는 배에 탑승한지 3개월이 되어 가네요! 저는 눈에 보이고, 사용자의 접점에 있는 개발이 좋아서 Client 개발자가 되어야겠다는 결심을 했었는데요, 그럼에도 Full stack에 대한 선망은 항상 마음 속 깊이 존재했던 것 같아요. 그런데 이번 알파 스프린트에서는 운이 좋게도 (?) 기존에 하던 프론트엔드 개발과 더보기…

스트라이프 API 새로운 버전으로 옮기기

Problem 라이너는 구독으로 먹고 살고 있습니다. 따라서 더 편하고 쉬운 결제가 매출 성장에 큰 도움을 줍니다. 라이너에서 가장 많이 쓰이고 있는 결제 모듈은 스트라이프입니다. 하지만 스트라이프 결제 모듈의 버전이 낮아 새롭게 제공되는 좋은 기능들을 사용하지 못하고 있었습니다. 특히 그 중에서도 애플 페이, 구글 페이, 알리 페이에 대한 지원이 안되고 있었습니다. 더보기…

code, programming, coding

하이라이팅 구문을 통한 추천 API 구현

새로운 아하 모먼트를 위해 추천 기술이 개발되며 라이너가 플랫폼으로 새롭게 변해가는 과정에 있습니다. 기존에 유틸리티로서 충실히 역할을 해주었던 라이너의 하이라이팅 기능에도 새로운 변화를 주자는 이야기가 나왔습니다. 바로 유저가 콘텐츠를 하이라이팅할 때마다 추천되는 페이지를 동적으로 변화시키는 기능입니다. 포켓에서는 스크랩할 때마다 관련 페이지를 데스크탑 브라우저 우측 상단에 띄워줍니다. 라이너에서는 그것에서 한발 더 더보기…

유해 키워드 필터링 문제와 해결

겪은 문제 라이너 메인 홈에 필터링이 반드시 필요한 콘텐츠들이 뜨기 시작했습니다. 영어권 유저가 아니더라도 홈에 접속하는 유저들 모두에게 눈쌀을 찌푸리게 할 정도의 내용이었습니다. 문제의 원인 문제의 원인은 소수의 특정 유저가 유해 사이트에서 페이지들을 마구잡이로 스크랩했기 때문이었습니다. LKS(Liner Knowledge System)에서는 스크랩되는 페이지의 메타 태그를 트렌딩 키워드 후보군으로 집계시키고 있습니다. 때문에 간혹 더보기…

OS와 브라우저 별 Scrollbar 대응

안녕하세요, LINER에서 Web Frontend를 담당하고 있는 제니🍑입니다. 입사한 지 두 달이 채 되지 않았지만 LINER Web Home 의 눈코 뜰 새 없었던 출시 준비부터 실제 출시 과정, 그리고 안정화까지, 짧은 시간 동안 정말 많은 경험을 했습니다. 요즘은 출시 이후로 미뤄졌던 기능들과 UX적인 개선 사항들에 대응을 하고 있는데요, 오늘은 그 중 더보기…