728x90 반응형 리액트30 22.02.16_CICD를위한E2ETEST 0.내가 느낀점 보면서 느꼈던것은 좋다 하지만 어렵다가 일단 주이고, 우선 웹쪽으로 개발을 하는것이 아니기때문에 많이 와닿는 부분은 없었지만 리액트를 해본 경험으로써 테스트는 중요하다 의식적으로 배분해서 테스트코드 역시 수정하고 하는것이 필요하다 UI테스트를 할때 기능을 고치는것에 따른 버그도 있고 현재 이곳에서 적용한 test cafe에 오류가 많았고 결국은 시간에 쫒겨서 자동으로 마우스 드래그하고 움직이는것 수동으로 해서 테스트 하고 테스트가 성공하면 머지를 해야하는데 잘 지켜지지 않긴하지만 최상의 상황을 면할 수 있는 신뢰를 얻는것 1.Sofrware Test 시스템이 정해진 요구를 만족하는지, 예상과 실제 결과가 어떤 차이를 보이는지 수동 또는 자동 방법을 동원하여 검사하고 평가하는 일련의 과정 .. 2022. 2. 16. 구독 취소 기능 만들기 우선 Subscribe.js 에서 이렇게 해야하는데 userFrom을 가져오는 법은 비디오 디테일 페이지 부분에 저기를 이렇게 해주면 userFrom을 가져올수 있다. const onSubscribe = () => { let subscribedVariable = { userTo : props.userTo, userFrom : props.userFrom } //만약 구독 중이라면 if(Subscribed){ Axios.post('/api/subscribe/unSubscribe',subscribedVariable) .then(response=>{ if(response.data.success){ }else{ alert('구독을 취소 하는데 실패 했습니다.') } }) }else{//만약 구독 중이 아니라면 A.. 2021. 3. 16. 구독 기능 만들기 1 1. 구독 모델 만들기 (userTo, userFrom) 이유는 구독 받는 사람이 있고, 하는사람이 있어서 두개 이고 2. 버튼 UI 만들기 3. DB에서 얼마나 많은 사람이 비디오 업로드 한 유저를 구독하는지 정보 가져오기 몇명이 현재 사람을 구독하고 있는지에 대한 정보를 가져오는것이 첫번째이고 구독여부 파악하는 정보가 두번째 가져와야할 정보 입니다. 4. 화면에 출력 하기 server/ models/ Subscriver.js 파일을 생성해줍니다. 위의 경로에 맞게 js 파일을 만들어 주세요. const mongoose = require('mongoose'); const Schema = mongoose.Schema; const subscriberSchema = mongoose.Schema({ userT.. 2021. 3. 12. 비디오 디테일 페이지에서 사이드 비디오 생성하기 순서는 사이드 비디오 부분의 레이아웃 템플릿을 만들고 한개의 카드 템플릿을 만들어서 반복시키고 디비에서 모든 비디오 데이터를 불러와서 화면에 출력하는 식으로 진행 하겠습니다. 우선 위에와 같이 VideoDetailPage폴더에 Sections 폴더를 생성하고 그 안에 SideVideo.js 파일을 생성합니다. VideoDetailPage/Sections/SideVideo.js 이런 패스를 가지면 되겠죠? rfce 해서 function 컴포넌트를 만들고 그리고 디테일 페이지로 가서 방금만든것을 임폴트 시켜줍니다. import SideVideo from './Sections/SideVideo'; 이것을 해주고 다시 SideVideo 컴포넌트로 가서 import React from 'react' functio.. 2021. 3. 10. 이전 1 2 3 4 ··· 8 다음 728x90 반응형
