프론트엔드

프론트엔드 테스트를 작성하는 것은 매우 어려울 수 있습니다. 고려해야 할 사항, 선택해야 할 사항, 선택할 수 있는 경로가 너무 많습니다. 이 글에서는 더 나은 테스트를 작성하기 위한 5가지 원칙을 살펴보고 새로운 기능을 프로덕션에 적용할 수 있는 자신감을 얻을 것입니다. 시작하기 전에 이 글에서는 프론트 엔드 테스트 에 중점을 두고 있으며, React 애플리케이션 및 컴포넌트와의 상호 작용을 기반으로 설명합니다. 그럼 5가지 프론트엔드 테스트 원칙에 대해서 알아보겠습니다. 원칙 1. 사용자가 사용하는 것과 동일한 방식으로 소프트웨어를 테스트합니다. 컴포넌트가 사용자를 위해 작동하고 있다는 높은 확신을 주는 유지 관리 가능한 테스트를 작성하고 싶습니다. 그리고 프론트엔드의 경우 테스트를 위한 두 가지 대..

Vue.js 는 웹 애플리케이션 사용자 인터페이스를 빌드하기 위한 인기 있는 JavaScript 라이브러리이며 Visual Studio Code에는 HTML , CSS 및 JavaScript 의 Vue.js 빌딩 블록에 대한 지원이 내장되어 있습니다. 보다 풍부한 Vue.js 개발 환경을 위해 Vue.js IntelliSense, 코드 조각, 서식 등을 지원 하는 Vetur 확장을 설치할 수 있습니다 . 해당 포스트는 VSCode 홈페이지의 Using Vue in Visual Studio Code 문서를 번역하여 작성하였습니다. 뷰에 오신 것을 환영합니다 이 튜토리얼 에서는 Vue CLI 를 사용할 것 입니다. Vue.js 프레임워크가 처음이라면 vuejs.org 웹사이트 에서 훌륭한 문서와 튜토리얼을 ..

해당 포스트는 React Libraries To Use In 2021: 17 Top Picks 를 번역하였습니다. React는 모바일 및 웹 애플리케이션 모두를 위한 주요 UI를 만들 수 있는 JavaScript 라이브러리입니다. 다른 JavaScript 프레임워크 및 라이브러리와 원활하게 통합되며 구성 요소라고 하는 재사용 가능한 작은 코드 조각이 포함됩니다. 높은 모듈성으로 인해 React 구성 요소 라이브러리는 UI 개발을 최적화할 뿐만 아니라 극도의 유연성을 제공합니다. React 라이브러리는 기능적이고 인상적으로 보이는 응용 프로그램을 만드는 데 도움이 될 뿐만 아니라 다른 라이브러리보다 더 빠르고 쉽고 적은 코드로 만들 수 있습니다. 여기에서는 이러한 각 라이브러리를 처음부터 프로젝트에 통합하..