# cypress

34)
프론트엔드 서버가 5개가 있을 경우 돌아가면서 한번씩 트래픽 나눠주는것 접속자가 적은 쪽으로 트래픽 몰아주기amazon(AWS)google(GCP)microsoft(Azure)예전에는 개발자랑 배포하는사람이 나눠져있었는데 요즘엔 Development + Operatio
cypress 테스트 도구 사용해보자
레거시 코드가 많아서 바로 사용자 테스트로 넘어갔습니다. 1. window10에 wsl2 설치하기 참조 : https://www.lainyzine.com/ko/article/how-to-install-wsl2-and-use-linux-on-windows-10

34일) 내가 만든 사이트를 세상에 공개한다..! 배포준비와 이에 따르는 책임들 / GCP/SSH/Loadbalancer/테스트코드 CODE CAMP FE 6기
하.. 너무 아쉬운 코캠의 마지막 8주차 커리큘럼 내가 로컬호스트로 틀어서만 확인 가능했던 사이트를 도메인을 직접 사서 배포 할 수 있다니 ?! 정말 너무나 설레는군...? (오류없이 포폴을 잘 만들어 놓자)게다가 깃헙으로 협업까지 배운다고 한다.. 정말 실무로 나가기

Cypress 기본 문법 1
cypress 공식문서에 튜토리얼이 정말 잘 정리되어있다.모든 내용은 공식 홈페이지에 나와있으니 참고바란다.cypress 공식문서(https://docs.cypress.io/examples/examples/tutorialscypress.json에 baseUrl
기프티콘 거래 웹앱 with Cypress
프로젝트 시작 모바일 중고 쿠폰 거래 웹앱 구현하는 과제가 주어졌다. 구현해야 할 부분은 Api 함수 구현, 결과 타입 정의, 공통 리스트 카드 컴포넌트 그리고 카테고리 상세 페이지, 브랜드 상세페이지이다. Api 함수 구현 및 타입 정의 구현해야할 Api 요청 함

[Test] Cypress로 E2E테스트 하기 - 설치/설정하기
E2E테스트 라이브러리 중 하나인 Cypress를 사용해보자.cypress를 설치 하고 나면 다음과 같은 eslint 오류가 뜬다.이를 해결하기 위해서 관련 플러그인을 설치하고, eslintrc에도 코드를 한 줄 추가해주었다.cypress esling plugin공식문

Cypress에서 API 모킹하기
1. 발생한 문제..😡 우테코 나만의 유튜브 강의실 미션중 마주한 문제이다.. 우선 상황은 이렇다! Youtube API 키를 사용해서 검색된 결과의 동영상의 정보를 가지고와 검색된 결과의 타이틀, 썸네일을 보여주는 작업을 하고 있었다. 문제는 Youtube A

문벅스 메뉴관리에 Cypress 적용기
문벅스 카페메뉴 만들기 - 블랙커피JS 레벨1 13기를 간단하게 회고하고, 문벅스 카페메뉴 만들기 과제에 Cypress를 이용하여 적용하면서 배운 내용 및 적용 과정을 적은 글입니다.

Cypress 101 - 2
cypress101 두번째 포스팅에서는 Page Object Model, Custom Command 작성 방법에 대해 알아본다.

Cypress 101 -1
cypress 는 웹 자동화 테스트 프레임워크이다.Chrome, Edge, Firefox의 브라우저 환경에서 테스팅을 할 수 있으며,비슷한 테스팅 도구인 playwright 보다 별점이 높다.
Cypress SSR API intercept 처리법
Cypress 테스트 코드 작성 중 SSR에서 호출하는 API는 intercept가 안되는 현상이 있어서 해결하는데 고생좀 했다.결론은 Cypress 전용 NextJS 서버를 하나 더 만들어주고 nock 라이브러리를 통해 api를 mock data로 바꿔주면 된다.cy
Github Actions로 cypress report 발행하기
Medium Daily Digest 를 구독중인데 Cypress 글을 많이 봤더니 추천글에 Cypress 관련 글이 많았다. 그중에 Publish your Cypress Test Report with GitHub Actions가 있어 글을 읽으면서 따라해보기로 했다.
Cypress e2e 테스트 환경 구축하기
cypress 다운로드 > cypress 다운 cypress 파일 생성 cypress 실행하기 >package.json 스크립트 추가 cypress를 시작하게 되면 우리가 작성한 테스트 코드 파일을 확인 할 수 있습니다. 주의사항 e2e 테스트를 실행시키기전 터
.png)
Selenium 과 Cypress
Selenium 과 Cypress 는 다양한 브라우저 및 플랫폼에서 웹 응용 프로그램을 위한 무료 자동화 테스트이다. Selenium은 오랫동안 쓰여온 자동화 테스트 툴이고, Cypress는 최근 쓰이기 시작했다. Cypress의 사용량이 급격하게 늘어나고 있는 추세다

프론트엔드 테스트가 어려운 이유와 해결방법(storybook, cypress, applitools)
프론트엔드 테스트 흔히들 프론트엔드에서 테스트가 어렵다고 말한다. 이유는 간단하다. 결과값을 데이터로 만들어놓기가 어렵기 때문이다. 프론트엔드 단에서 결과라는 것은 html, css, js 가 결합되어 만들어린 렌더링 트리가 브라우저에 렌더링된 그 그림을 뜻한다.

Cypress Elements 선택하기 (data-cy 사용과 제거)
cypress elements 선택 / css in js / react에서 property 삭제