때때로 우리는 동일한 지루한 구성 요소에서 작업하게 됩니다.

창의력을 발휘하고 5 개의 멋진 프로젝트를 만들어 우리가 웹 개발을 좋아하는 이유를 재발견 할 때입니다.

https://dev.to/liviufromendtest/5-projects-you-can-build-to-become-a-better-web-developer-221i

1. WebRTC를 사용한 화상 채팅 웹 애플리케이션 

지난 몇 년 동안 환상적인 비디오 채팅 및 화면 공유 기능을 갖춘 많은 응용 프로그램을 발견했을 것입니다.

• Google Meet
• Facebook Messenger
• Zoom
• Discord

그들 모두는 한 가지 공통점이 있습니다.

그들은 WebRTC를 사용하고 있습니다.

WebRTC를 사용하면 개방형 표준 위에서 작동하는 실시간 통신 기능을 애플리케이션에 쉽게 추가 할 수 있습니다.

피어간에 전송할 비디오, 음성 및 일반 데이터를 지원하므로 개발자가 음성 및 비디오 통신 솔루션을 구축 할 수 있습니다.

여기에 멋진 튜토리얼이 있습니다.

또한 Github의 WebRTC 샘플을 확인하는 것이 좋습니다.

해당 웹 애플리케이션에 대한 자동화 된 테스트를 빠르게 빌드하려면 Endtest를 사용할 수 있습니다.

이 플랫폼은 웹캠 및 마이크용 스트림도 제공합니다.

2. Stripe를 사용한 안전한 결제 

새로운 화상 통화 앱이나 다른 제품으로 수익을 창출하려면 Checkout을 만들어야 합니다.

가장 쉬운 방법은 Stripe를 사용하는 것입니다.

문서 섹션에서 많은 세부 정보와 예제를 찾을 수 있습니다.

라이브로 전환하기 전에 Stripe Checkout을 테스트하는 방법에 대한 자세한 지침도 제공합니다.

3. Gatsby 및 Netlify CMS가있는 블로그 

Gatsby는 제가 오랫동안 시도해보고 싶었던 것인데 이 튜토리얼은 대단한 일이었습니다.

필요한 것은 GitHub 계정과 설치된 Gatsby CLI입니다.

4. 완전한 CI / CD 파이프 라인 

요즘 모두가 애자일을 시도하고 있습니다.

자동화 된 CI / CD 파이프 라인을 사용하면 업데이트를 더 빠르고 확실하게 릴리스 할 수 있습니다.

대부분의 구성 요소는 API 요청 및 Webhook 알림을 통해 이들간에 통신 할 수 있습니다.

퍼즐에서 누락 된 부분이 무엇인지 파악하고 모든 구성 요소를 연결하는 데 하루 이상 걸리지 않습니다.

5. 자동화 된 브라우저 간 테스트 

웹 사이트가 Safari 및 Internet Explorer에서 작동하는지 확인하는 자동화 된 테스트를 수행하는 것이 좋습니다.

다음은 2020 년 브라우저 시장 점유율입니다.

이 차트는 Chrome과 Firefox에서만 테스트하는 것이 나쁜 생각 인 이유를 명확하게 보여줍니다.

Cypress를 사용할 계획이라면 Safari, Internet Explorer 및 모바일 브라우저에서 작동하지 않기 때문에 나쁜 시간을 보낼 것입니다.

한 가지 옵션은 모든 주요 브라우저에서 작동하므로 Selenium을 사용하는 것입니다.

최신 대안은 Endtest와 같은 플랫폼을 사용하는 것입니다. 여기서 몇 분 안에 테스트를 설정하고 브라우저 간 클라우드 그리드에서 실행할 수 있습니다.

또한 모든 CI / CD 시스템과 통합 할 수 있습니다.

Red Bull, Lululemon 및 Netflix는 이를 사용하는 회사 중 일부입니다.

내 프로필에서 알 수 있듯이 실제로 그곳에서 일합니다.