전체 글 116

[Jest] React -Jest Qeury getBy,queryBy,findBy Example

Jest Start https://puk0806.tistory.com/67 참고 : https://github.com/testing-library/jest-dom GitHub - testing-library/jest-dom: Custom jest matchers to test the state of the DOM :owl: Custom jest matchers to test the state of the DOM - GitHub - testing-library/jest-dom: Custom jest matchers to test the state of the DOM github.com getBy... 쿼리에 대한 일치하는 노드르 반환하고 일치하는 요소가 없거나 둘 이상의 일치가 발견되면 오류를 발생시킨다...

React 2023.05.29

[Jest] React Testing Library Jest란? Jest Start

React Testing Library React 구성 요소 작업을 위한 API를 추가하여 DOM Testing Library 위에 구축된다. Dom Testing Libarary : Dom 노드를 테스트하기 위한 매우 가벼운 솔루션 React Testing Library 설치 npm install --save-dev @testing-library/react Jest FaceBook에 의해서 만들어진 테스팅 프레임 워크 최소한의 설정으로 동작한다. Test Case를 만들어 애플리케이션 코드가 잘 돌아가는지 확인한다. Jest 설치 // Jest 설치 npm install jest // Jest 테스트에 유용한 Extentions설치 npm install eslint-plugin-testing-libra..

React 2023.05.28

[Git 교과서] 6장-1 Branch

Branch 나뭇가지, 지사, 분점 등 줄기 하나에서 뻗어나온 갈림길을 의미한다. 저장공간 하나에서 가상의 또 다른 저장 공간을 만드는 것이다. Branch 특징 가상 폴더 작업 폴더를 실제로 복사하지 않고, 가상 폴더로 생성한다. 외부적으로는 물리적인 파일 하나만 있는 것으로 보인다. 독립적인 동작 원본 폴더와 분리하여 독립적으로 개발 작업을 수행할 수 있다. 분리된 코드를 좀 더 쉽게 병합할 수 있다. 빠른 동작 다른 버전관리 도구에 비해 가볍고 전환이 빠르다. 왜냐하면 Blob 개념을 도입하여 내부를 구조화 하기 때문이다. Blob는 포인트와 유사한 객체이며, 이 포인터를 이용해 빠르게 전환이 가능하다. (참조 : https://ko.wikipedia.org/wiki/%ED%8F%AC%EC%9D%B..

Git 2023.05.27

[React] react-hock-form 란? react-hock-form+yup : validation check Example

react-hock-form React에서 form의 validation 체크를 도와주는 라이브러리 불필요한 렌더링을 줄여준다. 코드가 단순해서 생상성이 증가한다. yup react-hock-form이랑 함께 사용 가능한 validation 라이브러리 react-hock-form, yup 설치 npm install react-hook-form npm install yup react-hock-from + yup 사용 예 FormProvider로 react-hock-form을 사용할 영역을 감싸준다. yup을 통해 validation을 체크할 yupResolver 객체를 생성 useform register : react-hock-form과 연결할 때 사용한다. watch : react-hock-form의 변..

React 2023.05.26

[Graph] 백준-2252 줄 세우기 골드3 (Python)

https://www.acmicpc.net/problem/2252 2252번: 줄 세우기 첫째 줄에 N(1 ≤ N ≤ 32,000), M(1 ≤ M ≤ 100,000)이 주어진다. M은 키를 비교한 회수이다. 다음 M개의 줄에는 키를 비교한 두 학생의 번호 A, B가 주어진다. 이는 학생 A가 학생 B의 앞에 서야 한다는 의 www.acmicpc.net 풀의 진입 차수를 담아줄 리스트를 초기화한다. 진출 정보를 담아줄 리스트를 초기화한다. 진입 차수가 0인 것들을 큐에 담아준다. 큐에 값을 꺼내면서 결과 리스트에 큐의 값을 넣어준다. 해당 큐의 값에 진출 정보를 담는 리스트에서 진출 정보를 꺼내면서 해당 진출 정보와 관련된 진입 차수를 줄여준다. 진입 차수가 0이라면 큐에 담아준다. 코드 (Python)..

Algorithm 2023.05.25

[Git 교과서] 5장 서버

서버 저장소 서버저장소는 원격(remote)저장소 라고 하며, 로컬저장소의 복사본이며, 안전하게 보관하고 다른사람들과 협업이 가능하다. 5.1 깃허브 안정적인 서버를 운영하기위해 깃 호스팅서비스 인 깃허브를 많이 사용한다. 공개용 저장소로 생성하면 무제한 생성가능 하다. 한 소유주(owner) 안에서, 같은이름의 저장소 생성 불가능하다. 5.3 깃허브 연동 및 원격등록 로컬저장소 연결방법 새로운 로컬저장소에 원격저장소를 연결하는 방법 $ mkdir git-study # 폴더만들기 $ cd git-study # 폴더로이동 $ git init # 저장소를 초기화 $ echo "# git-study" >> README.md # "# git-study" 라는 text를 README.md로 밀어넣기 $ git a..

Git 2023.05.24

[Graph] 백준-14567 선수과목(Prerequisite) 골드5 (Python)

https://www.acmicpc.net/problem/14567 14567번: 선수과목 (Prerequisite) 3개의 과목이 있고, 2번 과목을 이수하기 위해서는 1번 과목을 이수해야 하고, 3번 과목을 이수하기 위해서는 2번 과목을 이수해야 한다. www.acmicpc.net 진입 차수 : 특정한 노드로 들어오는 간선의 개수 진출 차수 : 특정한 노드에서 나가는 간선의 개수 풀의 진입 차수를 담아줄 리스트를 초기화한다. 진출 정보를 담아줄 리스트를 초기화한다. 진입 차수가 0인 것들을 큐에 담아준다. 큐에 값을 꺼내면서 해당 큐의 값에 진출 정보를 담는 리스트에서 진출 정보를 꺼내면서 해당 진출 정보와 관련된 진입 차수를 줄여준다. 큐의 값 이후에 진행되야 하므로 해당값의 결과보다 1보다 작다면..

Algorithm 2023.05.23

[Graph] 백준-11558 The Game of Death 실버4 (Python)

https://www.acmicpc.net/problem/11558 11558번: The Game of Death 첫 줄에는 테스트 케이스의 숫자 T가 주어지며, 이어서 T번에 걸쳐 테스트 케이스들이 주어진다. 매 테스트 케이스의 첫 줄에는 플레이어의 숫자 N(1 ≤ N ≤ 10,000)이 주어진다. 이어서 N줄에 걸쳐 www.acmicpc.net 풀의 각 플레이어가 가리키는 정보를 담을 테이블에 각플레이어가 가리키는 정보를 담아준다. 각 플레이어의 부모 테이블을 자기 자신으로 초기화 한다. 1번 플레이어부터 가리키는 플레이어를 체크한다. 마지막 플레이어를 발견하기 전에 사이클이 발생하면 사이클이 발생함으로 0을 리턴한다. 마지막 플레이어를 발견하면 이동하 횟수를 리턴한다. 코드 (Python) impo..

Algorithm 2023.05.21