[nodejs][playwright][첫걸음] Playwright 생활 자동화를 위한 첫걸음
[nodejs][playwright][첫걸음] Playwright 생활 자동화를 위한 첫걸음
1. nodejs란?
Node.js는 구글 크롬의 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임입니다. Node.js는 서버 측 애플리케이션을 개발하기 위한 도구로, 이벤트 기반, 비동기식, 논 블로킹 I/O 모델을 사용합니다. 이러한 특징들은 Node.js가 매우 높은 성능을 발휘하며, 대규모 데이터 처리 및 분산처리, 실시간 애플리케이션 개발 등에 적합합니다.
Node.js는 웹 개발을 위한 다양한 모듈과 라이브러리를 제공합니다. 가장 기본적인 HTTP 모듈을 비롯하여 Express, Koa 등의 웹 프레임워크, Socket.io, WebSocket 등의 실시간 통신 모듈, Mongoose 등의 MongoDB 연동 모듈 등 다양한 모듈이 존재합니다. 또한 Node.js는 npm(Node Package Manager)이라는 패키지 매니저를 제공하여, 개발자들이 필요한 모듈을 쉽게 설치하고 사용할 수 있도록 합니다.
Node.js는 자바스크립트를 사용하기 때문에, 웹 개발에서 프론트엔드와 백엔드를 모두 자바스크립트로 개발할 수 있습니다. 이를 통해 개발 생산성을 향상시킬 수 있으며, 더불어 프론트엔드와 백엔드 간의 데이터 통신이 용이해집니다. 최근에는 Node.js를 사용한 개발이 증가하면서, Node.js를 지원하는 PaaS(Platform as a Service) 서비스도 많아졌습니다. AWS, Microsoft Azure, Google Cloud Platform 등에서도 Node.js를 지원하는 PaaS 서비스를 제공하고 있습니다.
2023.03.08 - [개발, 코딩해볼래?/Node, 그리고 javascript] - [첫걸음][macOS] Node.js 첫걸음, 어디서 어떻게 시작 해야할까?
[첫걸음][macOS] Node.js 첫걸음, 어디서 어떻게 시작 해야할까?
node.js 첫걸음 1. Node.js 설치 가장 먼저 Node.js를 설치해야 합니다. Node.js 공식 홈페이지에서 다운로드 받을 수 있습니다. https://nodejs.org/en/download/ 다운로드 후 설치 파일을 실행하고, 설치 과정에
codehive.kr
2023.03.09 - [개발, 코딩해볼래?/Python, 그리고 통계] - [첫걸음][macOS] python 첫걸음! 환경 셋팅 GoGo
[첫걸음][macOS] python 첫걸음! 환경 셋팅 GoGo
python 개발 환경 셋팅 파이썬은 인터프리터 형식의 고급 프로그래밍 언어로, 깔끔하고 간결한 문법 구조로 인해 쉽게 배울 수 있습니다. 파이썬은 다양한 분야에서 사용되며, 데이터 과학, 웹 개
codehive.kr
playwright는 여러가지 언어를 사용 할 수 있는데요. 저는 회사 프로젝트나 사이드 프로젝트에서 nodejs, python 두가지를 언어를 가지고 작업을 진행 하고 있어요. 러링커브도 낮은 편에 속하고, 구글등 관련된 내용도 많아서 초보자들도 쉽게 접근이 가능한 장점이 있습니다.
2. playwright 란?
Playwright는 Chromium, Firefox, Webkit을 모두 지원하며, 이를 통해 cross-browser 자동화 테스트를 가능하게 합니다. Playwright는 Puppeteer와 비슷한 역할을 수행하지만, 다양한 브라우저를 지원한다는 점에서 차이가 있습니다.
Playwright는 Node.js로 작성되어 있으며, JavaScript, TypeScript, Python, Java, C# 등의 언어로 사용할 수 있습니다. Playwright는 다양한 기능을 제공합니다. 예를 들어, 스크린샷, PDF 파일 생성, 브라우저 및 페이지 탭 관리, 다양한 이벤트 핸들링, 브라우저 네트워크 모니터링 등의 기능을 지원합니다.
Playwright는 자동화된 웹 애플리케이션의 UI/UX 테스트, End-to-End 테스트, 웹 스크래핑 등 다양한 목적으로 사용될 수 있습니다. 또한, Playwright는 크로스 플랫폼에서 사용이 가능하며, 로컬 컴퓨터, 서버, 컨테이너 등 다양한 환경에서 사용할 수 있습니다.
Playwright는 비교적 최근에 나온 도구이지만, 이미 많은 개발자들이 사용하고 있으며, 지속적인 업데이트와 개선이 이루어지고 있습니다. Playwright는 자동화된 웹 애플리케이션의 품질을 향상시키는 데 도움을 주며, 개발자들에게 시간과 노력을 절약해줄 수 있는 유용한 도구입니다.
Fast and reliable end-to-end testing for modern web apps | Playwright
Cross-browser end-to-end testing for modern web apps
playwright.dev
상세한 문서나 기능에 대한 내용은 오피셜한 사이트에서 확인 하는게 가방 좋은 방법중 하나입니다.
3. codegen
Playwright Codegen은 Playwright의 기능을 활용하여, 자동화 테스트 코드를 생성해주는 도구입니다. 개발자가 직접 코드를 작성하는 것이 아니라, Playwright Codegen이 자동으로 코드를 생성해주기 때문에, 코드 작성 시간과 노력을 절약할 수 있습니다.
Playwright Codegen은 브라우저를 제어하고, 웹 페이지에서 수행할 작업들을 수집합니다. 이때 브라우저 상태와 페이지 구조 등을 분석하여 최적의 코드를 생성합니다. 이를 통해, 개발자는 코드를 작성하는 데 필요한 지식과 경험을 가지고 있지 않더라도, 자동화 테스트 코드를 작성할 수 있습니다.
Playwright Codegen은 브라우저의 상태와 웹 페이지의 구조를 자동으로 분석하기 때문에, 개발자는 코드를 작성하기 전에 페이지를 수동으로 탐색하고, 작업을 수행해볼 수 있습니다. 이를 통해, 개발자는 자동화 테스트 코드를 작성할 때 필요한 정보를 얻을 수 있습니다.
또한, Playwright Codegen은 TypeScript, JavaScript, Python 등 다양한 언어를 지원합니다. 이를 통해, 개발자는 선호하는 언어로 자동화 테스트 코드를 작성할 수 있습니다. Playwright Codegen은 Playwright의 기능을 활용하여, 자동화 테스트 코드를 생성해주기 때문에, 개발자는 코드를 작성하는 데 드는 시간과 노력을 크게 줄일 수 있습니다. 또한, Playwright Codegen이 생성한 코드는 최적화되어 있기 때문에, 높은 품질의 자동화 테스트를 수행할 수 있습니다.
# codegen 확인
$npm install npx -g
$npm install playwright
$npx playwright codegen {자동화 하고자 하는 사이트 주고}
playwright inspector 창과, 자동화 하고자 하는 사이트창이 뜨게 되며, 자동화 하고자 행동을과 액션을 자연스럽게 하면 inspector창에 자동으로 코드가 생성 되게 됩니다.
inspector는 컴퓨터를 조금 알고 앞서 nodejs, python 설치 등을 해보았다면, 어렵지 않게 기능 숙지가 가능 할 것으로 보입니다. 처음 시작인 만큼 기본적으로 제공 해주는것들을 이용하여 이것 저것 눌러 보면서 해당 툴과 친해지길 추천 드립니다. 너무 선급하게 배우고 익히면 분명히 탈이 납니다.
4. 다음 시간에는?
playwright codegen를 통하여 생성된 코드를 작성을 실행 시키고, 네이버 로그인 및 내가 가입한 카페에 자동으로 글쓰기를 진행해 보도록 하겠습니다.
테스트 하시다가 안되시는 부분이나 추가적으로 더 상세한 내용을 필요 하시면 댓글 남겨주세요.
댓글