dev-weekly 2023-05-27
CSS
- System color를 이용해 3줄로 다크 모드 만들기
- only css로 color-scheme 토글 만들기 등 다크모드 환경 구축하는 예제
Node
- Nodejs 16, 18, 20 의 재현 가능한 성능 비교.
- 성능 회귀 발생하는 케이스, autocannon과 같은 도구를 사용했을 때 다른 지표가 나오는 케이스 등 다양한 케이스에서의 지표.
Javascript
- 크롬 114부터 제공. dialog와는 다르게 자체적인 시멘틱을 제공하지 않음.
- 로그인, 회원가입 폼을 만드는 베스트 프랙티스
- autocomplete, type, button(a), focus state, 스크린 리더 …
- 두번 클릭 방지, 네트워크 레이턴시와 서버 에러 처리
- 마이크로 컨트롤러 기반 디바이스에 TS경험을 제공하려는 MS의 노력
- 커스텀 VM 바이트코드로 컴파일
- npm, yarn, pnpm 을 통해 패키지 배포 및 사용
- 함수 선언을 다른 파일로 이동(현재 프리뷰)
- JSX에서 태그의 시작 부분을 변경하면 끝 부분도 같이 변경
- JS, TS파일에서
@param 작성 시 스니펫 제공
- 최적화 작업들
- 브레이킹 체인지 - 최소지원버전 ES2020, Nodejs 14.17
- JS to WASM 툴체인 도구 javy 1.0 릴리즈. (작성 시점 1.0.1)
ETC
- nesting css, 웹상에서 애플페이 지원
- 좋은 인터랙션에 관한 글.
- 좋은 인터랙션 디자인은 주의력 관리에 관한 것. 문제는 “스크롤 할 것인가”가 아니라 보이는 정보를 처리할 수 있을 만큼 천천히 스크롤 할 것인가.
- 좋은 디자인에 대한 팁 소개
- npm 패키지로 컴파일하는 deno compile 지원. (싱글 바이너리 파일)
- IP 주소를 포함한 TLS 인증
- API 변경. Deno.serve()는 상위 호환성을 위해 안정화 연기
- menu 라는 단어 사용에 대한 주의. 컨트롤에 맞는 용어와 그에 대한 설명.
- menu, menuitem 요소는 구현안되고 중단.
Release