본문 바로가기

TIL

 (72)
CodeceptJs, Playwright, Before CodeceptJs CodeceptJS는 특수한 BDD 스타일 구문을 사용하는 최신 엔드 투 엔드 테스트 프레임워크입니다 Scenario각 테스트는 개체가 전달된 함수 내에서 설명됩니다 I. 객체 는 테스트 사용자를 위한 추상화인 ActorI 입니다 . Playwright Chromium을 자동화하는 노드 라이브러리입니다 Before 단계 정의 파일 내에서 몇 가지 이전 후크를 설정할 수 있습니다. Before기능을 사용하십시오 . 이 기능은 현재 테스트를 매개변수로 받기 때문에 추가 구성을 적용할 수 있습니다. // inside step_definitions Before((test) => { // perform your code test.retries(3); // retry test 3 times })..
npm i eslint와 npm i —save-dev eslint 차이 npm i eslint와 npm i —save-dev eslint 차이 npm i eslint와 npm i --save-dev eslint의 차이점은 Node.js 프로젝트 내에서 패키지를 설치하고 관리하는 방법에 있습니다. npm i eslint: 이 명령은 eslint 패키지를 프로젝트의 일반 종속성으로 설치합니다. 프로덕션 종속성이라고도 하는 일반 종속성은 프로덕션 환경에서 애플리케이션이 작동하는 데 필요합니다. 이러한 종속성은 일반적으로 런타임에 필요하며 -save 플래그를 사용하여 설치됩니다. npm i eslint를 실행하면 패키지가 다운로드되어 프로젝트의 node_modules 폴더에 저장되며 해당 버전 정보는 "dependencies" 필드 아래의 package.json 파일에 저장됩니다...
TIL InputName.jsx에서 label htmlFor=”input-name” 사용할 때 뜨는 오류 React JSX에 대한 접근성 규칙 집합인 ESLint 플러그인 "jsx-a11y"의 "jsx-a11y/label-has-associated-control" 규칙에 대한 규칙 구성입니다. "label-has-associated-control" 규칙은 각 레이블 요소에 입력, 선택 또는 텍스트 영역 요소와 같은 연결된 양식 컨트롤이 있는지 여부를 확인합니다. 스크린 리더 및 기타 보조 기술은 컨텍스트를 제공하고 사용자가 각 컨트롤의 목적을 이해하는 데 도움을 주기 위해 레이블과 양식 컨트롤 간의 관계에 의존하기 때문에 액세스 가능성에 중요합니다. { assert: 'either' } 구성은 규칙이 각 레이블..
Day72 new Array(rows).fill(''); 길이가 rows이고 해당 배열의 요소를 모두 빈 웹 캐시(영어: web cache) 또는 HTTP 캐시(HTTP cache)는 서버 지연을 줄이기 위해 웹 페이지, 이미지, 기타 유형의 웹 멀티미디어 등의 웹 문서들을 임시 저장하기 위한 정보기술이다. 정보기술 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 정보기술(情報技術, 영어: information technology, IT)은 전기 통신, 방송, 컴퓨팅(정보처리, 컴퓨터 네트워크, 컴퓨터 하드웨어, 컴퓨터 소프트웨어, 멀티미디어), 통 ko.wikipedia.org 여러 페이지에서 동일한 스크립트를 사용하는 경우, 브라우저는 페이지가 바뀔 때마다 스크립트를 새로 다운받지 않고 캐..
Day70 아래는 퀘스트 작성을 하면서 계속 까먹어서 코드가 어떤걸 뜻하는지 검색해서 다시 확인해봤다. "npx create-react-app react-demo"은 리액트 애플리케이션을 생성하는 명령어입니다. 여기서 "npx"는 Node.js 패키지 실행 도구로, 리액트 애플리케이션을 생성하고 실행하는 데 사용됩니다. "create-react-app"은 Facebook에서 제공하는 리액트 애플리케이션 생성 도구입니다. "react-demo"는 새로 생성되는 리액트 애플리케이션의 이름이며, 이 부분은 원하는 대로 변경할 수 있습니다. 이 명령어를 실행하면 "react-demo"라는 이름의 새로운 리액트 애플리케이션이 생성되며, 해당 애플리케이션을 실행하고 개발 서버를 실행할 수 있는 기본적인 설정이 자동으로 포함됩..
Day69 promise Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. 비동기는 주로 두 개 이상의 객체나 이벤트가 동시에 존재하지 않거나 발생하지 않는 것을 의미합니다 Promise는 프로미스가 생성된 시점에는 알려지지 않았을 수도 있는 값을 위한 대리자로, 비동기 연산이 종료된 이후에 결과 값과 실패 사유를 처리하기 위한 처리기를 연결할 수 있습니다. 프로미스를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있습니다. 다만 최종 결과를 반환하는 것이 아니고, 미래의 어떤 시점에 결과를 제공하겠다는 '약속'(프로미스)을 반환합니다. Promise는 다음 중 하나의 상태를 가집니다. 대기(pending): 이행하지도, 거부하지도 않은 초기 상태. 이..
Day68 동기식과 비동기식이란❔ 동기식 (Synchronous) 먼저 시작된 하나의 작업이 끝날 때까지 다른 작업을 시작하지 않고 기다렸다가 다 끝나면 새로운 작업을 시작하는 방식. 즉, 한 번에 여러 작업을 처리하지 않고 하나만 처리함. 비동기식 (Asynchronous) 먼저 실행된 작업이 끝날 때까지 기다리지 않고 다음 작업을 수행하는 방식. 즉, 한 번에 여러 작업을 처리함. • JSON란? JavaScript Object Notation의 약자로, 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식이다. JSON은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용된다. JSON 문서 형식은 자바스크립트 객체의 형식을 기..
Day66(Spring Bean, Java Bean) Spring Bean Spring loc Container에 등록되어 관리되고 있는 객체.즉, Spring에게 제어권을 넘긴 Java 객체이다. IoC 컨테이너는 객체의 생성을 책임지고, 의존성을 관리한다. Spring IoC가 관리하는 객체라는 것은 스프링에 의해 생성되고, 라이프 사이클을 수행하고, 의존성 주입(DI)이 일어나는 객체들을 말한다. 정리하자면 Spring bean은 spring IoC container가 관리하는 즉, Spring에게 제어권을 넘긴 Java 객체를 뜻한다. IoC Container를 등록하는 방법 - xml에 등록 - @Bean -@Component 이용(@Controller,@Service,@Entity) Java Bean JSP 에서 주로 사용되는 자바 코드로 작성된..

티스토리툴바