SVG, JS, CSS로 만드는 라이언 로그인 폼 : 로그인 폼에서 이메일을 입력할 때는 캐릭터의 시선이 따라가다가 패스워드를 입력할 때는 눈을 가리는 재미있는 애니메이션을 카카오의 라이언을 이용해서 웹으로 직접 구현했다. SVG로 라이언을 그리고 타이핑이나 포커스에 따라 라이언이 움직이도록 구현하는 과정까지 자세하게 나와 있어서 비슷한 구현을 고민할 때 참고하기 아주 좋다. 그리고 예시용 이상으로 엄청난 퀄리티로 구현하셨다.(한국어)
"last 2 versions" considered harmful : babel-preset-env을 사용할 때 타겟 브라우저를 last 2 versions처럼 지정하는데 이렇게 하는 경우 사용자가 거의 없는 Blackberry나 QQ 브라우저도 대상에 포함되므로 의도한 대로 컴파일되지 않는다는 점을 지적한 글이다. 대신 >0.25%처럼 지원하려는 사용자 비율을 지정하고 일부 브라우저를 제외하는 방식을 권하고 있다.(영어)
Testing your React App with Puppeteer and Jest : Jest 테스트 프레임워크와 Puppeteer를 이용해서 Headless 크롬으로 통합테스트를 작성하는 방법을 설명하는 글이다. Puppeteer를 설정하는 방법부터 사용자 로그인, 쿠키 설정, 모바일 디바이스 에뮬레이팅, 스크린샷까지 튜토리얼 식으로 설명하고 있다. 프론트엔드에서 통합테스트를 작성할지는 쉽게 결정하기 어려운 부분이지만 필요한 때도 있으므로 확인해 볼 만하다.(영어)
그 밖의 프로그래밍 관련
야생의 땅 듀랑고의 데이터 엔지니어링 이야기: 로그 시스템 구축 경험 공유 : 듀량고의 로그 데이터 수집 및 분석 시스템에 관한 얘기인데 발표자료에 자막이 달려있어서 알기 쉽다. 듀량고 급의 대규모 데이터에서 로그 시스템을 어떤 접근으로 구축했고 각 구성에 대한 상세 활용방법이 잘 나와 있어서 로그 시스템을 고민한다면 꼭 참고해 봐야 할 정도로 잘 정리되어 있다.(한국어)
Merkle Patricia Tree (MPT) 를 이해하기 위한 여정 : 이더리움에서 사용하는 머클 패트리샤 트리가 무엇인지를 설명하는 글이다. 비트코인이 사용하는 머클트리는 간단한 구조라 쉽게 이해했지만 머클 패트리샤 트리에 대해서는 정확히 모르고 있었는데 이 글을 통해 완전히는 아니어도 어떤 접근인지는 어느 정도 이해하게 되었다.(한국어)
볼만한 링크
An Issue with Issues : Babel 프로젝트를 리드하고 있는 Henry Zhu가 오픈소스의 이슈관리에 관해 쓴 글이다. 사람들이 2년 이상 된 이슈에도 같은 이슈가 있다고 댓글을 달거나 질문을 올리는데 이는 사용자로서는 자연스러운 행동이지만 메이테이너들한테는 이미 코드가 많이 바뀌거나 해결된 이슈인 경우가 많아서 큰 부담이 된다는 내용이다. 이를 해결하기 위해 이슈를 잠글 수 있는데 이 행위가 적대적으로 보일 수 있어서 하기가 쉽지 않고 이슈마다 다 잠글 수도 없으므로 Probot을 이용해서 일정 기간이 지난 이슈는 자동으로 닫게 처리한 과정을 설명한 글이다.(영어)
EFAIL : 이메일의 종단 간 암호화에 사용하는 OpenPGP과 S/MIME의 이용해서 공격자가 암호화된 이메일의 평문을 얻어낼 수 있는 취약점이 발견되어 해결될 때까지 EEF에서는 일단 PGP 이메일 플러그인을 사용하지 않거나 삭제하고 권고하고 있다. 이 공격을 하려면 먼저 공격자가 먼저 공격자가 암호화된 이메일을 어떤 방법으로든 획득해야 하고 이를 조작해서 피해자에게 메일을 보내면 메일 클라이언트가 이를 복호화하면서 외부 리소스를 요청할 때 평문이 유출될 수 있다고 한다.(영어)
문돌이도 이해하는 스팀 디앱 (DApp)의 세계 : DApp의 개념을 설명한 글이다. DApp의 기본적인 개념부터 DApp 생태계의 규모와 전망 등을 설명하고 있다. 개인적으로 아직은 DApp에 많은 가치를 두고 있지 않지만, 블록체인과 더불어 중요한 개념이 되었으므로 전혀 모른다면 이 글을 통해 DApp을 이해할 수 있다.(한국어)
AngularJs 가 아니고 그냥 Angular 에요.
아 그러네요.