Home - The-Next-Web-Research-Lab/the-next-web-research-lab.github.io GitHub Wiki

추후 작업

• Open Graph - 별도로 지원하지는 않음. transformPageData 직접 구현해야함.

우선 두서없이 작성하고 목차 만들기

• 오늘날 우리는 컴퓨터라 부른다

독학캠프

https://github.com/The-Next-Web-Research-Lab/doghag-camp

선행개발

근 미래에 웹 표준이 될 기술을 담았습니다.

• https://developer.chrome.com/tags/origin-trials/
• https://developer.mozilla.org/ko/docs/Web/API
• https://github.com/orgs/WICG/repositories

• Media
  • (초안) Picture In Picture
  • Media Session
  • Media Capture and Streams API
  • Audio Output Devices API
• Fetch
  • Background Fetch API
• Offline
  • Background Synchronization API
• Event Loop
  • Cooperative Scheduling of Background Tasks API
• (초안) Soft Navigations
• WebGPU
• Compute Pressure API
• Barcode Detection API
• Web Bluetooth API

실용주의 프런트엔드

시니어 프런트엔드 개발자가 되는 과정에서 중요한 노하우를 담았습니다.

• Beacon API
• Broadcast Channel API
• CSS Font Loading API
• 이벤트 루프 테스크 큐

경험 정리

10년간 20개 이상의 서비스를 개발하며 생긴 경험과 생각을 담았습니다.

• 프로젝트 리스트

---

준비 필요

• 면접 문제

보류

• 8/15 이미지 에셋 컴포넌트 생성 모듈
• 8/16 성능 최적화 방법
• 8/17 생산성 향상을 위한 nodejs 기능 정리
• 8/18 이모지 피커 만들기
• 8/25 Context API를 사용하고 상태관리도구 도입이 불가능 할 때 부분 렌더링 방법
• 성능 개선 사례 나눠서 정리
  • 8/21 (초안) 로그인 페이지 최적화
  • 8/22 (초안) 이미 로드한 리소스 최적화
  • 8/23 (초안) 레이아웃 쉬프트 최적화
  • 8/24 (초안) 리렌더링 최적화
• 8/28~31 "유용한 웹 서비스" 카테고리 추가
  • https://github.com/ChoDragon9/posts/wiki/%EC%B0%B8%EA%B3%A0%EC%82%AC%EC%9D%B4%ED%8A%B8#%EA%B7%B8%EB%A6%BC-%EA%B7%B8%EB%A6%AC%EA%B8%B0-%ED%88%B4
  • https://github.com/ChoDragon9/posts/wiki/%EC%B0%B8%EA%B3%A0%EC%82%AC%EC%9D%B4%ED%8A%B8#%EC%9C%A0%EC%9A%A9%ED%95%9C-%EC%84%9C%EB%B9%84%EC%8A%A4
  • https://github.com/ChoDragon9/posts/wiki/%EC%B0%B8%EA%B3%A0%EC%82%AC%EC%9D%B4%ED%8A%B8#%EC%8B%9C%EA%B0%81%ED%99%94visualization

아카이빙

• Scheduling API
• Client Hints

참고 사이트

언어

• https://github.com/frameworkless-movement/awesome-frameworkless#javascript
• https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023/