Peep

자바스크립트-테스팅의-기초

유닛테스트

작은단위로 기능을 잘게 조개서 잘 동작하는지 확인

기능 단위

통합테스트

전체적으로 동작이 잘되는지 확인

컴포넌트 상호작용

테스트 도구 종류는 다양하고 여러 목적에 따라 특출난 것들이 있으니 확인 후 선정하면 될 듯

아래는 테스트도구 10개를 소개하는 글이다.

http://www.itworld.co.kr/news/128974

원본 글에서는 설정이 간단하고 시작하기 편하다며 Jest를 사용했다.

jset와 @types/jest를 npm install한다.

-함수를 만들었으면 test함수도 만든다.

-test 키워드 대신 it 키워드를 쓴다.

-describe를 사용해서 여러 테스트 케이스를 묶는다.

테스트 코드 작성 시의 이점은 리팩토링 이후 코드가 잘 동작하는지 검증하기가 간편하다는 점이다.

테스팅 관련해서 벨로퍼트님의 글을 순서대로 읽으면 될 듯 하다.

원본

벨로퍼트와 함께하는 리액트 테스팅

https://velog.io/@velopert/react-testing

자바스크립트-테스팅의-기초

https://velog.io/@velopert/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%85%8C%EC%8A%A4%ED%8C%85%EC%9D%98-%EA%B8%B0%EC%B4%88

내가 기억하기 위해 작성 ㅎㅎㅎ(머쓱)

1.파이어베이스 콘솔 사이트로 이동해서 가입한다.

https://console.firebase.google.com/

2.새 프로젝트 추가

- 프로젝트명이 url에 표기됨 [ 대략적 예시) 프로젝트명.firebase.com 형식 ]

3.내 프로젝트로 가서 firebase CLI 설치

[cmd]

npm install -g firebase-tools

firebase login

- 가입한 계정으로 로그인

4.내 프로젝트에서 init

[cmd]

firebase init

질문들이 나오는데 답변하면 된다.

대충..

- Are you ready to proceed?(Y/n) Y

-

Database, Hosting에서 스페이스 바 눌러서 체크하고 다 체크하면 엔터쳐서 다음 질문으로 간다.

더 필요하면 더 체크하세요.

-

Use an existing project 기존 프로젝트 사용

-

해당 프로젝트 명

-

해당 rulse 파일 사용하기 위해 그대로 엔터

-

vue-cli에서 build하면 dist를 public directory로 생성하므로 dist 작성

-

싱글 앱 여부 y

-

dist/index.html에 파일을 덮여쓸 것인지 n

5.진행이 완료되면 내 프로젝트에

.firebaserc, database.rules.json, firebase.json파일이 생성된 것을 확인할 수 있다.

6.내 프로젝트에서 명령어 작성

[cmd]

firebase serve

firebase deploy

firebase serve는 로컬에서 보기

firebase deploy는 배포하기

7. 배포 후 호스팅 url 정보가 나온다.

접속하면 끝!