[TIL] 프리온보딩 20일차 - 220522

1️⃣ 코드리뷰

- scss 파일명 소문자로 시작하기

- axios.all 이용하여 병렬적으로 요청 처리하고 필터링하여 데이터 반환하는 방법이 있다..

- css all:unset;은 html tag의 기본 스타일을 초기화 시킬 수 있다

- html inline tag 안에 block / flow tag 넣지 않는다. inline tag는 애초에 감싸는 tag가 아니다. (예를 들어 a 혹은 span tag 안에 p나 div 넣지 않기)

- 그러므로 span tag 안에 mark tag도 금지

 

 

2️⃣ Jest를 통한 함수 테스트하는 방법

- Jest 설치

yarn add --dev jest

 

- 테스트할 함수를 export한다.

const test = (number) => number * 2

export default test

 

- 테스트할 파일을 하나 생성하고 위에 생성했던 함수를 import하고 아래와 같이 작성한다.

import test from 'main/double'

test('2 * 2 to be 4', () => {
    expect(double(2)).toBe(4);
});

 

- package.json에 jest 추가

{
  "scripts": {
    "test": "jest"
  }
}

 

- 터미널에서 함수 실행

yarn test

 

 

📍 유용한 사이트

- victory.js (차트 라이브러리)

Victory | Getting Started

 

- bignumber.js (자바스크립트 소숫점 계산 정확하게 할 때)

  💡 자바스크립트 계산 오류 관련 사이트 : https://joooing.tistory.com/entry/Javascript-소수점floating-point-계산-오류

A comparison of BigNumber libraries in JavaScript

 

- kap (화면 녹화 for Mac)

Kap - Capture your screen