YeBin

Jekyll 블로그에 Decap CMS 붙이기

개요 여러 번의 블로그 플랫폼을 옮긴 후 겨우 gitio에 정착을 했는데, 최근까지 글을 꾸준히 쓰다가 md 파일을 직접 편집하고 쓰는 게 점점 버거워졌다. 그래서 처음에는 jekyll 템플릿을 직접 수정해서 다른 블로그 플랫폼처럼 에디터를 만들어보면 어떨까~ 해서 찾아봤는데 우선 파일이나 로그인등을 저장할 백엔드 서버랑 db가 없고, github ...

TECH, GitHub

모니터 배치를 원클릭으로 전환하는 스크립트 제작"

개요 학교에서 외부 모니터를 쓰다 보면 종종 위치를 바꾸게 된다. 이를테면 몰래 TFT를 한다던가… 책상 위 공간에 따라 옆에 두기도 하고, 정면에 두고 맥북은 아래에 놓기도 한다. 문제는 그때마다 시스템 설정 -> 디스플레이로 들어가서 배치를 수동으로 바꿔야 한다는 것이다. 몇 번 하다 보니까 꽤 번거롭게 느껴졌다. 그래서 메뉴바 아이콘 하나...

PROJECTS, Personal

크롬 확장 프로그램 동작 원리

확장프로그램은 어떻게 웹페이지에 접근하나? 결론부터 말하면 — 브라우저가 직접 JS를 페이지에 심는 것이다. 일반 웹페이지의 JS는 해당 도메인의 리소스에만 접근할 수 있다(Same-Origin Policy). 하지만 크롬 확장프로그램은 브라우저 레벨에서 동작하기 때문에 이 제약을 벗어날 수 있다. 대신 사용자에게 명시적으로 권한을 요청해야 한다....

TECH, Frontend

[논문 정리 및 구현 #2] Attntion Is All You Need

0. 논문 내용 실험(검증) 논문에서 제안하는 모델인 Transformer의 핵심 아이디어는 Self-Attention 메커니즘을 활용하여 시퀀스 데이터를 처리하는 것이다. 논문에서는 기존의 RNN과 CNN 기반 모델들이 시퀀스 데이터를 처리하는 데 있어서 발생하는 문제점들을 해결하기 위해 Transformer를 제안하였다. 그래서 다음 실험을 통...

TECH, AI & Data

[천월고 리팩토링 #3] 메인페이지 완성, 서버 로직 구상

메인페이지 완성 드디어 메인 페이지를 마무리했다. 메인 페이지는 크게 헤더, 메인베너, 포토배너, 포스트 배너, 퀵메뉴, 푸터로 구성되어 있다. 헤더는 지난 포스트에서 리팩토링한 부분을 적용했고, 메인베너는 Swiper를 활용해서 만들었다. 포스트 배너랑 포토 배너는 아직 API가 없기에 더미데이터로 만들어보았다. 포토 배너 지난 포스팅에 이...

PROJECTS, Personal