그냥 블로그

---껍데기---- 참고 자료 정리 용으로 잠깐. 리액트TDD - Jest와 테스팅 라이브러리 인프런 강의 따라하며 배우는 리액트 테스트를 보며 요약 및 실습한 내용.리액트 컴포넌트를 테스트하는 가장 기본적인 방법은 react-dom/test-utils의 유틸함수들을 사용하는 것이다. 그리고 보다 velog.io 실전에서 TDD하기 | 카카오페이 기술 블로그 TDD가 무엇인지 모르는 사람은 없습니다. 그런데 왜 하는 사람은 얼마 없을까요? tech.kakaopay.com Test-Driven Development Tutorial – How to Test Your JavaScript and ReactJS Applications Understanding test-driven development is an ..

이론은 알겠는데 어떻게 쓰는지도 알아보겟습니다. Jest 참고로 직접 실행은 해보지 못하고 정보 전달만 하는 겁니다..! 직접 사용은 기회가 된다면 다음 글에서..!! Front End의 TDD - React.js테스트 실행 도구 없이도 TDD를 진행할 수야 있지만... Test-Driven Development Tutorial – How to Test Your JavaScript and ReactJS ApplicationsUnderstanding test-driven development is an essential part of being a prolific software developer. Testing provides a solid platform for building reliable prog..

글이 너무 길어져서 쪼갭니다.(1) TDD 이론 (2) Front End에서 TDD 요즘 개발자를 꿈꾸거나, 현업에서 개발을 하고 있는 사람들이라면 TDD를 안 들어본 사람은 거의 없을거라 생각한다. 나도 테스트를 먼저하고, 중심으로 개발한다. 정도의 개념으로는 알고 있었다. 근데 면접에서 질문을 받았는데 사실 되게 쉬운 건데도 자세히 모르다보니 걍 모르겠다고 했다 ㅋㅋ... 꼬리질문 받으면 곤란할까봐 ㅎㅎ.. 이상하게도 서류는 잘 붙는 사람... 이 기회에 한 번 정확히 어떤 이론이며 어떻게 활용되고 있는지 또 어떤 기업에서 활용하고 있는지 알아보자!! 현업 개발자들도 누구나 실수를 한다. 그러나 본 서비스를 진행하는 과정에서 예상치 못한 오류를 마주하면 비용적, 시간적 측면에서 손해가 난다. 이러한 ..

화상 회의 플랫폼을 제작하는 프로젝트를 진행한 적이 있다. 그 때, WebRTC 기술을 기반으로 사용하는 OpenVIdu를 사용했었는데 정확한 이론을 알고 한 게 아니여서 한 번 알아보는 시간을 가져보기로 했다. 비록 OpenVidu 썼지만... WebRTC?서버(중간자)를 최대한 거치지 않고 P2P(Peer-to-Peer Network)로 브라우저나 단말 간 데이터를 주고받는 웹 기술 표준. => 드라이버나 플러그인 설치 없이 웹 브라우저 간 P2P 연결을 통해 데이터 교환을 가능하게 하는 기술로 UDP 기반의 스트리밍 기술이다. zoom, webex, 보이스 톡 등등..... 1:1, 1:N, N:N.... P2P 절차 WebRTC는 P2P 방식의 커뮤니케이션이어서 각각의 웹 브라우저는 다음과 같은 ..

타입스크립트는 역시 어려워~ 기존에 웹캠으로 했던걸 사진을 넣어서 좌표를 한번 뽑아봄 때문에 IMG라는 클래스를 따로 만들어 줬고 -> 웹캠에는 canvas가 있으니까 걍 라이브러리 들여다 보고 webcam이랑 비슷하게 만들면 됨. 좀 다르게 pose.keypoint를 하면 poseNet이 찍은 좌표를 불러와서 볼 수 있고, 이걸 기반으로 로직 구현까지 완료할 예정이다. 웹캠의 경우 계속 업데이트 되다 보니 콘솔이 너무 많이 찍혀서 잘 되었는지 확인하기엔 좋지 않다고 생각되었고, 그래서 이미지 업로드를 할 수 있는 걸 따로 만들어서 확인하기로 했다. // MyComponent.tsx import React, { useEffect, useRef, useState } from 'react'; // impor..

https://teachablemachine.withgoogle.com/ Teachable Machine Train a computer to recognize your own images, sounds, & poses. A fast, easy way to create machine learning models for your sites, apps, and more – no expertise or coding required. teachablemachine.withgoogle.com 위 링크에서 포즈로 학습 시켰습니다. 참고로 타입스크립트임. 그냥 웹캠으로 찍고, 에폭, 러닝레이트, 배치사이즈 지정해서 학습시키면 간편하게 학습시킬 수 있다. 이 부분은 저도 잘 모르기 때문에 다양하게 넣어가면서 실험해 보는..