Node, CSS

Node

AdminJS 5.0: An Admin Panel for Node Apps

• 자동으로 관리자 페이지를 생성해주는 도구
• 데모: https://admin-bro-example-app-staging.herokuapp.com/admin/login

28 (And Counting) Node CLI App Best Practices

• nodejs cli 모범 사례

Vercel Raises $102M Series C Round

• 시리즈C $102M 모금
• vercel의 투자금 사용 방향
  • 웹용 sdk build
  • 더 낮은 진입장벽
  • 엔드 유저에게 집중

Measure the Performance of a Web App with Lighthouse CI in a GitLab CI Pipeline

• 깃랩CI 파이프라인 중 Lighthouse CI를 사용하여 성능 측정

Madge 5.0: Create Graphs From Your Module Dependencies

• 내 프로젝트의 모듈간 의존성을 그래프로 보여주는 도구
• 시각적 그래프를 위해선 Graphviz 를 설치해야함

CSS

Demystifying styled-components

• 스타일드 컴포넌트 작동원리

CSS Layout Generator

• gui 에서 클릭하면, 해당 레이아웃을 css와 jsx로 만들어주는 서비스
• 아직은 grid만 지원하고 flexbox는 coming soon인 등 컨텐츠 부족

Codeimg

• carbon(https://carbon.now.sh/) 과 유사한 서비스
• 내가 공유하고 싶은 플랫폼의 특정 캔버스크기를 미리 선택해두고, 그 안에서 코드 이미지를 꾸미고 개행, 글자 크기등을 조절 가능

Javascript

Parsing in JavaScript: The Tools and Libraries You Can Use

• 파서에 대해 알아야 할 사항
  • 파서의 구조(렉서와 파서)
  • parse tree와 AST
  • Grammar
  • Left recursive Rule
  • PEG, CFG
• Parser Generator

Resemble.js 4.0: Image Analysis and Comparison Library

• 이미지 분석 및 두 이미지의 차이점 등도 분석
• demo: http://rsmbl.github.io/Resemble.js/

Pica: Fast, High Quality Image Resizing in the Browser

• 고품질, 고속으로 브라우저에서 이미지 리사이징